@compsych-ui-components/react-native 7.0.5 → 7.0.9
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/package.json +3 -7
- package/src/components/ActionSheet/index.d.ts +10 -1
- package/src/components/ActionSheet/index.js +59 -28
- package/src/components/ActionSheet/index.js.map +1 -1
- package/src/components/BodyText/index.d.ts +1 -0
- package/src/components/BodyText/index.js.map +1 -1
- package/src/components/Button/index.d.ts +1 -1
- package/src/components/Button/index.js +57 -37
- package/src/components/Button/index.js.map +1 -1
- package/src/components/ChatBubble/index.js +16 -14
- package/src/components/ChatBubble/index.js.map +1 -1
- package/src/components/ChatInput/index.d.ts +3 -1
- package/src/components/ChatInput/index.js +105 -98
- package/src/components/ChatInput/index.js.map +1 -1
- package/src/components/Checkbox/index.js.map +1 -1
- package/src/components/DateTimePicker/index.d.ts +16 -0
- package/src/components/DateTimePicker/index.js +587 -0
- package/src/components/DateTimePicker/index.js.map +1 -0
- package/src/components/Input/index.js +2 -3
- package/src/components/Input/index.js.map +1 -1
- package/src/components/Pagination/index.js.map +1 -1
- package/src/components/RadioButton/index.js.map +1 -1
- package/src/components/ScreenContainer/index.d.ts +2 -0
- package/src/components/ScreenContainer/index.js +2 -2
- package/src/components/ScreenContainer/index.js.map +1 -1
- package/src/components/SegmentedControl/index.d.ts +3 -3
- package/src/components/SegmentedControl/index.js +27 -40
- package/src/components/SegmentedControl/index.js.map +1 -1
- package/src/components/SelectionCard/index.js +12 -9
- package/src/components/SelectionCard/index.js.map +1 -1
- package/src/components/ServiceCard/index.js +141 -47
- package/src/components/ServiceCard/index.js.map +1 -1
- package/src/components/StatusChip/index.d.ts +15 -0
- package/src/components/StatusChip/index.js +80 -0
- package/src/components/StatusChip/index.js.map +1 -0
- package/src/icons/index.d.ts +8 -21
- package/src/icons/index.js +12 -92
- package/src/icons/index.js.map +1 -1
- package/src/icons/types.d.ts +3 -1
- package/src/icons/types.js +4 -4
- package/src/icons/types.js.map +1 -1
- package/src/index.d.ts +6 -5
- package/src/index.js +16 -60
- package/src/index.js.map +1 -1
- package/src/components/PromotionCard/index.d.ts +0 -23
- package/src/components/PromotionCard/index.js +0 -514
- package/src/components/PromotionCard/index.js.map +0 -1
- package/src/icons/AtomIcon.d.ts +0 -2
- package/src/icons/AtomIcon.js +0 -85
- package/src/icons/AtomIcon.js.map +0 -1
- package/src/icons/BinocularsIcon.d.ts +0 -2
- package/src/icons/BinocularsIcon.js +0 -103
- package/src/icons/BinocularsIcon.js.map +0 -1
- package/src/icons/FileChartColumnIncreasingIcon.d.ts +0 -2
- package/src/icons/FileChartColumnIncreasingIcon.js +0 -97
- package/src/icons/FileChartColumnIncreasingIcon.js.map +0 -1
- package/src/icons/FlagIcon.d.ts +0 -2
- package/src/icons/FlagIcon.js +0 -71
- package/src/icons/FlagIcon.js.map +0 -1
- package/src/icons/GlobeIcon.d.ts +0 -2
- package/src/icons/GlobeIcon.js +0 -71
- package/src/icons/GlobeIcon.js.map +0 -1
- package/src/icons/GraduationCapIcon.d.ts +0 -2
- package/src/icons/GraduationCapIcon.js +0 -85
- package/src/icons/GraduationCapIcon.js.map +0 -1
- package/src/icons/HandHeartIcon.d.ts +0 -2
- package/src/icons/HandHeartIcon.js +0 -91
- package/src/icons/HandHeartIcon.js.map +0 -1
- package/src/icons/HandshakeIcon.d.ts +0 -2
- package/src/icons/HandshakeIcon.js +0 -97
- package/src/icons/HandshakeIcon.js.map +0 -1
- package/src/icons/HazeIcon.d.ts +0 -2
- package/src/icons/HazeIcon.js +0 -115
- package/src/icons/HazeIcon.js.map +0 -1
- package/src/icons/HeartHandshakeIcon.d.ts +0 -2
- package/src/icons/HeartHandshakeIcon.js +0 -71
- package/src/icons/HeartHandshakeIcon.js.map +0 -1
- package/src/icons/HourglassIcon.d.ts +0 -2
- package/src/icons/HourglassIcon.js +0 -91
- package/src/icons/HourglassIcon.js.map +0 -1
- package/src/icons/IdCardIcon.d.ts +0 -2
- package/src/icons/IdCardIcon.js +0 -97
- package/src/icons/IdCardIcon.js.map +0 -1
- package/src/icons/MessageCirclePlusIcon.d.ts +0 -2
- package/src/icons/MessageCirclePlusIcon.js +0 -85
- package/src/icons/MessageCirclePlusIcon.js.map +0 -1
- package/src/icons/MountainSnowIcon.d.ts +0 -2
- package/src/icons/MountainSnowIcon.js +0 -79
- package/src/icons/MountainSnowIcon.js.map +0 -1
- package/src/icons/SnowflakeIcon.d.ts +0 -2
- package/src/icons/SnowflakeIcon.js +0 -139
- package/src/icons/SnowflakeIcon.js.map +0 -1
- package/src/icons/StethoscopeIcon.d.ts +0 -2
- package/src/icons/StethoscopeIcon.js +0 -97
- package/src/icons/StethoscopeIcon.js.map +0 -1
- package/src/icons/UserRoundIcon.d.ts +0 -2
- package/src/icons/UserRoundIcon.js +0 -79
- package/src/icons/UserRoundIcon.js.map +0 -1
- package/src/icons/WheatIcon.d.ts +0 -2
- package/src/icons/WheatIcon.js +0 -115
- package/src/icons/WheatIcon.js.map +0 -1
|
@@ -1,514 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "PromotionCard", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return PromotionCard;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
const _jsxruntime = require("react/jsx-runtime");
|
|
12
|
-
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
13
|
-
const _reactnative = require("react-native");
|
|
14
|
-
const _vectoricons = require("@expo/vector-icons");
|
|
15
|
-
const _reactnativesvg = /*#__PURE__*/ _interop_require_wildcard(require("react-native-svg"));
|
|
16
|
-
const _theme = require("../../theme");
|
|
17
|
-
const _BodyText = require("../BodyText");
|
|
18
|
-
const _HeaderText = require("../HeaderText");
|
|
19
|
-
function _getRequireWildcardCache(nodeInterop) {
|
|
20
|
-
if (typeof WeakMap !== "function") return null;
|
|
21
|
-
var cacheBabelInterop = new WeakMap();
|
|
22
|
-
var cacheNodeInterop = new WeakMap();
|
|
23
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
24
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
25
|
-
})(nodeInterop);
|
|
26
|
-
}
|
|
27
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
|
28
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
|
29
|
-
return obj;
|
|
30
|
-
}
|
|
31
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
32
|
-
return {
|
|
33
|
-
default: obj
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
37
|
-
if (cache && cache.has(obj)) {
|
|
38
|
-
return cache.get(obj);
|
|
39
|
-
}
|
|
40
|
-
var newObj = {
|
|
41
|
-
__proto__: null
|
|
42
|
-
};
|
|
43
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
44
|
-
for(var key in obj){
|
|
45
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
46
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
47
|
-
if (desc && (desc.get || desc.set)) {
|
|
48
|
-
Object.defineProperty(newObj, key, desc);
|
|
49
|
-
} else {
|
|
50
|
-
newObj[key] = obj[key];
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
newObj.default = obj;
|
|
55
|
-
if (cache) {
|
|
56
|
-
cache.set(obj, newObj);
|
|
57
|
-
}
|
|
58
|
-
return newObj;
|
|
59
|
-
}
|
|
60
|
-
const MD_HEIGHT = 197;
|
|
61
|
-
const LG_HEIGHT = 363;
|
|
62
|
-
const MD_BUTTON = 32;
|
|
63
|
-
const LG_BUTTON = 48;
|
|
64
|
-
const MD_RING_R = 14;
|
|
65
|
-
const LG_RING_R = 21;
|
|
66
|
-
const MD_RING_C = 2 * Math.PI * MD_RING_R;
|
|
67
|
-
const LG_RING_C = 2 * Math.PI * LG_RING_R;
|
|
68
|
-
const LG_DOTS_BOTTOM = 53;
|
|
69
|
-
const LG_DOTS_LEFT = 32;
|
|
70
|
-
const LG_DOT_SIZE = 6;
|
|
71
|
-
const LG_DOT_GAP = 4;
|
|
72
|
-
const LG_DOT_COUNT = 5;
|
|
73
|
-
function PromotionCard({ size = 'md', variant = 'filled', usage = 'neutral', title, description, chipLabel, chipIcon, image, progress = 0.25, showProgressBar = true, showRingTimer = true, onPress, disabled = false, accessibilityLabel, style }) {
|
|
74
|
-
const { colorRoles: cr, dimensions: dim } = (0, _theme.useTheme)();
|
|
75
|
-
const tokens = (0, _react.useMemo)(()=>({
|
|
76
|
-
filled: {
|
|
77
|
-
neutral: {
|
|
78
|
-
cardBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,
|
|
79
|
-
chipBg: cr.surface.surfaceContainer.sysSurfaceContainerHighest,
|
|
80
|
-
chipTextColor: cr.surface.surface.sysOnSurface,
|
|
81
|
-
titleColor: '#0f0f0f',
|
|
82
|
-
descColor: cr.surface.surface.sysOnSurfaceVariant,
|
|
83
|
-
descOpacity: 1,
|
|
84
|
-
buttonBg: cr.addOn.primaryFixed.sysPrimaryFixedDim,
|
|
85
|
-
buttonIconColor: cr.addOn.primaryFixed.sysOnPrimaryFixed,
|
|
86
|
-
progressColor: cr.accent.primary.sysPrimary
|
|
87
|
-
},
|
|
88
|
-
informative: {
|
|
89
|
-
cardBg: cr.custom.info.sysOnInfoContainer,
|
|
90
|
-
chipBg: cr.custom.info.sysInfoContainer,
|
|
91
|
-
chipTextColor: cr.custom.info.sysOnInfoContainer,
|
|
92
|
-
titleColor: cr.custom.info.sysOnInfo,
|
|
93
|
-
descColor: cr.transparent.neutral.sysWhite80,
|
|
94
|
-
descOpacity: 1,
|
|
95
|
-
buttonBg: cr.custom.info.sysOnInfo,
|
|
96
|
-
buttonIconColor: cr.custom.info.sysOnInfoContainer,
|
|
97
|
-
progressColor: cr.custom.info.sysOnInfo
|
|
98
|
-
},
|
|
99
|
-
positive: {
|
|
100
|
-
cardBg: cr.custom.success.sysOnSuccessContainer,
|
|
101
|
-
chipBg: cr.custom.success.sysSuccessContainer,
|
|
102
|
-
chipTextColor: cr.custom.success.sysOnSuccessContainer,
|
|
103
|
-
titleColor: cr.custom.success.sysOnSuccess,
|
|
104
|
-
descColor: cr.transparent.neutral.sysWhite80,
|
|
105
|
-
descOpacity: 1,
|
|
106
|
-
buttonBg: cr.custom.success.sysOnSuccess,
|
|
107
|
-
buttonIconColor: cr.custom.success.sysOnSuccessContainer,
|
|
108
|
-
progressColor: cr.custom.success.sysOnSuccess
|
|
109
|
-
},
|
|
110
|
-
danger: {
|
|
111
|
-
cardBg: cr.error.sysOnErrorContainer,
|
|
112
|
-
chipBg: cr.error.sysErrorContainer,
|
|
113
|
-
chipTextColor: cr.error.sysOnErrorContainer,
|
|
114
|
-
titleColor: cr.error.sysOnError,
|
|
115
|
-
descColor: cr.transparent.neutral.sysWhite80,
|
|
116
|
-
descOpacity: 1,
|
|
117
|
-
buttonBg: cr.error.sysOnError,
|
|
118
|
-
buttonIconColor: cr.error.sysOnErrorContainer,
|
|
119
|
-
progressColor: cr.error.sysOnError
|
|
120
|
-
},
|
|
121
|
-
warning: {
|
|
122
|
-
cardBg: cr.custom.warning.sysOnWarningContainer,
|
|
123
|
-
chipBg: cr.custom.warning.sysWarningContainer,
|
|
124
|
-
chipTextColor: cr.custom.warning.sysOnWarningContainer,
|
|
125
|
-
titleColor: cr.custom.warning.sysOnWarning,
|
|
126
|
-
descColor: cr.transparent.neutral.sysWhite80,
|
|
127
|
-
descOpacity: 1,
|
|
128
|
-
buttonBg: cr.custom.warning.sysOnWarning,
|
|
129
|
-
buttonIconColor: cr.custom.warning.sysOnWarningContainer,
|
|
130
|
-
progressColor: cr.custom.warning.sysOnWarning
|
|
131
|
-
},
|
|
132
|
-
image: {
|
|
133
|
-
cardBg: 'transparent',
|
|
134
|
-
chipBg: 'rgba(255,255,255,0.2)',
|
|
135
|
-
chipTextColor: cr.surface.inverse.sysInverseOnSurface,
|
|
136
|
-
titleColor: cr.accent.primary.sysOnPrimary,
|
|
137
|
-
descColor: cr.transparent.neutral.sysWhite80,
|
|
138
|
-
descOpacity: 1,
|
|
139
|
-
buttonBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,
|
|
140
|
-
buttonIconColor: cr.surface.surface.sysOnSurface,
|
|
141
|
-
progressColor: cr.accent.primary.sysOnPrimary
|
|
142
|
-
}
|
|
143
|
-
},
|
|
144
|
-
tonal: {
|
|
145
|
-
neutral: {
|
|
146
|
-
cardBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,
|
|
147
|
-
chipBg: cr.surface.surfaceContainer.sysSurfaceContainerHighest,
|
|
148
|
-
chipTextColor: cr.surface.surface.sysOnSurface,
|
|
149
|
-
titleColor: '#0f0f0f',
|
|
150
|
-
descColor: cr.surface.surface.sysOnSurfaceVariant,
|
|
151
|
-
descOpacity: 1,
|
|
152
|
-
buttonBg: cr.addOn.primaryFixed.sysPrimaryFixedDim,
|
|
153
|
-
buttonIconColor: cr.addOn.primaryFixed.sysOnPrimaryFixed,
|
|
154
|
-
progressColor: cr.accent.primary.sysPrimary
|
|
155
|
-
},
|
|
156
|
-
informative: {
|
|
157
|
-
cardBg: cr.custom.info.sysInfoContainer,
|
|
158
|
-
chipBg: cr.custom.info.sysOnInfo,
|
|
159
|
-
chipTextColor: cr.custom.info.sysOnInfoContainer,
|
|
160
|
-
titleColor: cr.custom.info.sysOnInfoContainer,
|
|
161
|
-
descColor: cr.custom.info.sysOnInfoContainer,
|
|
162
|
-
descOpacity: 0.64,
|
|
163
|
-
buttonBg: cr.custom.info.sysInfo,
|
|
164
|
-
buttonIconColor: cr.custom.info.sysOnInfo,
|
|
165
|
-
progressColor: cr.custom.info.sysInfo
|
|
166
|
-
},
|
|
167
|
-
positive: {
|
|
168
|
-
cardBg: cr.custom.success.sysSuccessContainer,
|
|
169
|
-
chipBg: cr.custom.success.sysOnSuccess,
|
|
170
|
-
chipTextColor: cr.custom.success.sysOnSuccessContainer,
|
|
171
|
-
titleColor: cr.custom.success.sysOnSuccessContainer,
|
|
172
|
-
descColor: cr.custom.success.sysOnSuccessContainer,
|
|
173
|
-
descOpacity: 0.64,
|
|
174
|
-
buttonBg: cr.custom.success.sysSuccess,
|
|
175
|
-
buttonIconColor: cr.custom.success.sysOnSuccess,
|
|
176
|
-
progressColor: cr.custom.success.sysSuccess
|
|
177
|
-
},
|
|
178
|
-
danger: {
|
|
179
|
-
cardBg: cr.error.sysErrorContainer,
|
|
180
|
-
chipBg: cr.error.sysOnError,
|
|
181
|
-
chipTextColor: cr.error.sysOnErrorContainer,
|
|
182
|
-
titleColor: cr.error.sysOnErrorContainer,
|
|
183
|
-
descColor: cr.error.sysOnErrorContainer,
|
|
184
|
-
descOpacity: 0.64,
|
|
185
|
-
buttonBg: cr.error.sysError,
|
|
186
|
-
buttonIconColor: cr.error.sysOnError,
|
|
187
|
-
progressColor: cr.error.sysError
|
|
188
|
-
},
|
|
189
|
-
warning: {
|
|
190
|
-
cardBg: cr.custom.warning.sysWarningContainer,
|
|
191
|
-
chipBg: cr.custom.warning.sysOnWarning,
|
|
192
|
-
chipTextColor: cr.custom.warning.sysOnWarningContainer,
|
|
193
|
-
titleColor: cr.custom.warning.sysOnWarningContainer,
|
|
194
|
-
descColor: cr.custom.warning.sysOnWarningContainer,
|
|
195
|
-
descOpacity: 0.64,
|
|
196
|
-
buttonBg: cr.custom.warning.sysWarning,
|
|
197
|
-
buttonIconColor: cr.custom.warning.sysOnWarning,
|
|
198
|
-
progressColor: cr.custom.warning.sysWarning
|
|
199
|
-
},
|
|
200
|
-
image: {
|
|
201
|
-
cardBg: 'transparent',
|
|
202
|
-
chipBg: 'rgba(255,255,255,0.2)',
|
|
203
|
-
chipTextColor: cr.surface.inverse.sysInverseOnSurface,
|
|
204
|
-
titleColor: cr.accent.primary.sysOnPrimary,
|
|
205
|
-
descColor: cr.transparent.neutral.sysWhite80,
|
|
206
|
-
descOpacity: 1,
|
|
207
|
-
buttonBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,
|
|
208
|
-
buttonIconColor: cr.surface.surface.sysOnSurface,
|
|
209
|
-
progressColor: cr.accent.primary.sysOnPrimary
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
}), [
|
|
213
|
-
cr
|
|
214
|
-
]);
|
|
215
|
-
// lg tokens: neutral uses filled, others use tonal
|
|
216
|
-
function getLgTokens(u) {
|
|
217
|
-
if (u === 'neutral') return tokens.filled.neutral;
|
|
218
|
-
return tokens.tonal[u];
|
|
219
|
-
}
|
|
220
|
-
const isLg = size === 'lg';
|
|
221
|
-
const t = isLg ? getLgTokens(usage) : tokens[variant][usage];
|
|
222
|
-
const isImage = usage === 'image';
|
|
223
|
-
const p = Math.max(0, Math.min(1, progress));
|
|
224
|
-
const buttonSize = isLg ? LG_BUTTON : MD_BUTTON;
|
|
225
|
-
const ringR = isLg ? LG_RING_R : MD_RING_R;
|
|
226
|
-
const ringC = isLg ? LG_RING_C : MD_RING_C;
|
|
227
|
-
const ringArcLength = ringC * p;
|
|
228
|
-
const containerStyle = [
|
|
229
|
-
styles.card,
|
|
230
|
-
isLg ? {
|
|
231
|
-
height: LG_HEIGHT,
|
|
232
|
-
borderRadius: dim.borderRadius.sysRadiusXl,
|
|
233
|
-
padding: dim.spacing.padding.sysPadding32,
|
|
234
|
-
flexDirection: 'column',
|
|
235
|
-
gap: dim.spacing.padding.sysPadding24
|
|
236
|
-
} : {
|
|
237
|
-
height: MD_HEIGHT,
|
|
238
|
-
borderRadius: dim.borderRadius.sysRadiusLg,
|
|
239
|
-
paddingHorizontal: dim.spacing.padding.sysPadding16,
|
|
240
|
-
paddingVertical: dim.spacing.padding.sysPadding16,
|
|
241
|
-
justifyContent: 'space-between'
|
|
242
|
-
},
|
|
243
|
-
{
|
|
244
|
-
backgroundColor: t.cardBg,
|
|
245
|
-
opacity: disabled ? 0.48 : 1
|
|
246
|
-
},
|
|
247
|
-
style
|
|
248
|
-
];
|
|
249
|
-
const inner = /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
250
|
-
children: [
|
|
251
|
-
isImage && image && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
252
|
-
children: [
|
|
253
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Image, {
|
|
254
|
-
source: image,
|
|
255
|
-
style: [
|
|
256
|
-
{
|
|
257
|
-
position: 'absolute',
|
|
258
|
-
top: 0,
|
|
259
|
-
left: 0,
|
|
260
|
-
right: 0,
|
|
261
|
-
bottom: 0
|
|
262
|
-
},
|
|
263
|
-
{
|
|
264
|
-
borderRadius: isLg ? dim.borderRadius.sysRadiusXl : dim.borderRadius.sysRadiusLg
|
|
265
|
-
}
|
|
266
|
-
],
|
|
267
|
-
resizeMode: "cover",
|
|
268
|
-
accessible: false
|
|
269
|
-
}),
|
|
270
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
|
|
271
|
-
style: [
|
|
272
|
-
{
|
|
273
|
-
position: 'absolute',
|
|
274
|
-
top: 0,
|
|
275
|
-
left: 0,
|
|
276
|
-
right: 0,
|
|
277
|
-
bottom: 0
|
|
278
|
-
},
|
|
279
|
-
{
|
|
280
|
-
borderRadius: isLg ? dim.borderRadius.sysRadiusXl : dim.borderRadius.sysRadiusLg,
|
|
281
|
-
backgroundColor: 'rgba(0,0,0,0.35)'
|
|
282
|
-
}
|
|
283
|
-
],
|
|
284
|
-
pointerEvents: "none"
|
|
285
|
-
})
|
|
286
|
-
]
|
|
287
|
-
}),
|
|
288
|
-
chipLabel && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactnative.View, {
|
|
289
|
-
style: [
|
|
290
|
-
isLg ? {
|
|
291
|
-
flexDirection: 'row',
|
|
292
|
-
alignItems: 'center',
|
|
293
|
-
alignSelf: 'flex-start',
|
|
294
|
-
borderRadius: dim.borderRadius.sysRadiusFull,
|
|
295
|
-
paddingHorizontal: dim.spacing.padding.sysPadding16,
|
|
296
|
-
paddingVertical: dim.spacing.padding.sysPadding4,
|
|
297
|
-
gap: dim.spacing.padding.sysPadding8,
|
|
298
|
-
height: 32
|
|
299
|
-
} : {
|
|
300
|
-
flexDirection: 'row',
|
|
301
|
-
alignItems: 'center',
|
|
302
|
-
alignSelf: 'flex-start',
|
|
303
|
-
borderRadius: dim.borderRadius.sysRadiusFull,
|
|
304
|
-
paddingHorizontal: dim.spacing.padding.sysPadding12,
|
|
305
|
-
paddingVertical: dim.spacing.padding.sysPadding4,
|
|
306
|
-
gap: dim.spacing.padding.sysPadding4,
|
|
307
|
-
height: 24
|
|
308
|
-
},
|
|
309
|
-
{
|
|
310
|
-
backgroundColor: t.chipBg
|
|
311
|
-
}
|
|
312
|
-
],
|
|
313
|
-
children: [
|
|
314
|
-
chipIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
|
|
315
|
-
style: isLg ? {
|
|
316
|
-
width: 20,
|
|
317
|
-
height: 20,
|
|
318
|
-
alignItems: 'center',
|
|
319
|
-
justifyContent: 'center'
|
|
320
|
-
} : {
|
|
321
|
-
width: 16,
|
|
322
|
-
height: 16,
|
|
323
|
-
alignItems: 'center',
|
|
324
|
-
justifyContent: 'center'
|
|
325
|
-
},
|
|
326
|
-
children: chipIcon
|
|
327
|
-
}),
|
|
328
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_BodyText.BodyText, {
|
|
329
|
-
variant: "labelMedium",
|
|
330
|
-
color: t.chipTextColor,
|
|
331
|
-
children: chipLabel
|
|
332
|
-
})
|
|
333
|
-
]
|
|
334
|
-
}),
|
|
335
|
-
/*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactnative.View, {
|
|
336
|
-
style: isLg ? {
|
|
337
|
-
gap: dim.spacing.padding.sysPadding8,
|
|
338
|
-
flex: 1
|
|
339
|
-
} : {
|
|
340
|
-
gap: dim.spacing.padding.sysPadding4,
|
|
341
|
-
maxWidth: '78%'
|
|
342
|
-
},
|
|
343
|
-
children: [
|
|
344
|
-
title && (isLg ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_HeaderText.HeaderText, {
|
|
345
|
-
variant: "titleLarge",
|
|
346
|
-
color: t.titleColor,
|
|
347
|
-
children: title
|
|
348
|
-
}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_HeaderText.HeaderText, {
|
|
349
|
-
variant: "titleSmall",
|
|
350
|
-
color: t.titleColor,
|
|
351
|
-
children: title
|
|
352
|
-
})),
|
|
353
|
-
description && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
|
|
354
|
-
style: {
|
|
355
|
-
opacity: t.descOpacity
|
|
356
|
-
},
|
|
357
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_BodyText.BodyText, {
|
|
358
|
-
variant: isLg ? 'medium' : 'small',
|
|
359
|
-
color: t.descColor,
|
|
360
|
-
children: description
|
|
361
|
-
})
|
|
362
|
-
})
|
|
363
|
-
]
|
|
364
|
-
}),
|
|
365
|
-
/*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactnative.View, {
|
|
366
|
-
style: [
|
|
367
|
-
styles.buttonWrap,
|
|
368
|
-
{
|
|
369
|
-
bottom: isLg ? dim.spacing.padding.sysPadding32 : dim.spacing.padding.sysPadding16,
|
|
370
|
-
right: isLg ? dim.spacing.padding.sysPadding32 : dim.spacing.padding.sysPadding16,
|
|
371
|
-
width: buttonSize,
|
|
372
|
-
height: buttonSize
|
|
373
|
-
}
|
|
374
|
-
],
|
|
375
|
-
children: [
|
|
376
|
-
/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
|
|
377
|
-
style: [
|
|
378
|
-
styles.button,
|
|
379
|
-
{
|
|
380
|
-
width: buttonSize,
|
|
381
|
-
height: buttonSize,
|
|
382
|
-
borderRadius: dim.borderRadius.sysRadiusFull,
|
|
383
|
-
backgroundColor: t.buttonBg
|
|
384
|
-
}
|
|
385
|
-
],
|
|
386
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_vectoricons.Ionicons, {
|
|
387
|
-
name: "arrow-forward",
|
|
388
|
-
size: isLg ? 24 : 16,
|
|
389
|
-
color: t.buttonIconColor,
|
|
390
|
-
accessible: false
|
|
391
|
-
})
|
|
392
|
-
}),
|
|
393
|
-
showRingTimer && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnativesvg.default, {
|
|
394
|
-
width: buttonSize,
|
|
395
|
-
height: buttonSize,
|
|
396
|
-
style: {
|
|
397
|
-
position: 'absolute',
|
|
398
|
-
top: 0,
|
|
399
|
-
left: 0,
|
|
400
|
-
right: 0,
|
|
401
|
-
bottom: 0
|
|
402
|
-
},
|
|
403
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnativesvg.Circle, {
|
|
404
|
-
cx: buttonSize / 2,
|
|
405
|
-
cy: buttonSize / 2,
|
|
406
|
-
r: ringR,
|
|
407
|
-
stroke: t.progressColor,
|
|
408
|
-
strokeWidth: 2,
|
|
409
|
-
fill: "transparent",
|
|
410
|
-
strokeDasharray: `${ringArcLength} ${ringC - ringArcLength}`,
|
|
411
|
-
strokeLinecap: "round",
|
|
412
|
-
rotation: -90,
|
|
413
|
-
origin: `${buttonSize / 2}, ${buttonSize / 2}`
|
|
414
|
-
})
|
|
415
|
-
})
|
|
416
|
-
]
|
|
417
|
-
}),
|
|
418
|
-
isLg && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
|
|
419
|
-
style: styles.dotsRow,
|
|
420
|
-
children: [
|
|
421
|
-
...Array(LG_DOT_COUNT)
|
|
422
|
-
].map((_, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
|
|
423
|
-
style: [
|
|
424
|
-
styles.dot,
|
|
425
|
-
{
|
|
426
|
-
backgroundColor: i === 0 ? t.progressColor : 'transparent',
|
|
427
|
-
borderColor: t.progressColor,
|
|
428
|
-
borderWidth: i === 0 ? 0 : 1.5,
|
|
429
|
-
opacity: i === 0 ? 1 : 0.4
|
|
430
|
-
}
|
|
431
|
-
]
|
|
432
|
-
}, i))
|
|
433
|
-
}),
|
|
434
|
-
showProgressBar && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
|
|
435
|
-
style: [
|
|
436
|
-
styles.progressTrack,
|
|
437
|
-
{
|
|
438
|
-
height: isLg ? 4 : 2
|
|
439
|
-
}
|
|
440
|
-
],
|
|
441
|
-
pointerEvents: "none",
|
|
442
|
-
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
|
|
443
|
-
style: [
|
|
444
|
-
styles.progressFill,
|
|
445
|
-
{
|
|
446
|
-
width: `${p * 100}%`,
|
|
447
|
-
height: isLg ? 4 : 2,
|
|
448
|
-
backgroundColor: t.progressColor
|
|
449
|
-
}
|
|
450
|
-
]
|
|
451
|
-
})
|
|
452
|
-
})
|
|
453
|
-
]
|
|
454
|
-
});
|
|
455
|
-
if (onPress) {
|
|
456
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Pressable, {
|
|
457
|
-
onPress: disabled ? undefined : onPress,
|
|
458
|
-
accessibilityRole: "button",
|
|
459
|
-
accessibilityLabel: accessibilityLabel ?? title,
|
|
460
|
-
accessibilityState: {
|
|
461
|
-
disabled
|
|
462
|
-
},
|
|
463
|
-
style: ({ pressed })=>[
|
|
464
|
-
...containerStyle,
|
|
465
|
-
pressed && !disabled && styles.pressed
|
|
466
|
-
],
|
|
467
|
-
children: inner
|
|
468
|
-
});
|
|
469
|
-
}
|
|
470
|
-
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.View, {
|
|
471
|
-
style: containerStyle,
|
|
472
|
-
children: inner
|
|
473
|
-
});
|
|
474
|
-
}
|
|
475
|
-
const styles = _reactnative.StyleSheet.create({
|
|
476
|
-
card: {
|
|
477
|
-
overflow: 'hidden',
|
|
478
|
-
alignSelf: 'stretch'
|
|
479
|
-
},
|
|
480
|
-
buttonWrap: {
|
|
481
|
-
position: 'absolute'
|
|
482
|
-
},
|
|
483
|
-
button: {
|
|
484
|
-
alignItems: 'center',
|
|
485
|
-
justifyContent: 'center',
|
|
486
|
-
overflow: 'hidden'
|
|
487
|
-
},
|
|
488
|
-
dotsRow: {
|
|
489
|
-
position: 'absolute',
|
|
490
|
-
bottom: LG_DOTS_BOTTOM,
|
|
491
|
-
left: LG_DOTS_LEFT,
|
|
492
|
-
flexDirection: 'row',
|
|
493
|
-
alignItems: 'center',
|
|
494
|
-
gap: LG_DOT_GAP
|
|
495
|
-
},
|
|
496
|
-
dot: {
|
|
497
|
-
width: LG_DOT_SIZE,
|
|
498
|
-
height: LG_DOT_SIZE,
|
|
499
|
-
borderRadius: LG_DOT_SIZE / 2
|
|
500
|
-
},
|
|
501
|
-
progressTrack: {
|
|
502
|
-
position: 'absolute',
|
|
503
|
-
bottom: 0,
|
|
504
|
-
left: 0,
|
|
505
|
-
right: 0,
|
|
506
|
-
backgroundColor: 'rgba(0,0,0,0.08)'
|
|
507
|
-
},
|
|
508
|
-
progressFill: {},
|
|
509
|
-
pressed: {
|
|
510
|
-
opacity: 0.84
|
|
511
|
-
}
|
|
512
|
-
});
|
|
513
|
-
|
|
514
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../packages/react-native/src/components/PromotionCard/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\r\n\r\nimport {\r\n Image,\r\n type ImageSourcePropType,\r\n Pressable,\r\n StyleProp,\r\n StyleSheet,\r\n View,\r\n ViewStyle,\r\n} from 'react-native';\r\n\r\nimport { Ionicons } from '@expo/vector-icons';\r\nimport Svg, { Circle as SvgCircle } from 'react-native-svg';\r\n\r\nimport { useTheme } from '../../theme';\r\nimport { BodyText } from '../BodyText';\r\nimport { HeaderText } from '../HeaderText';\r\n\r\nexport type PromotionCardVariant = 'filled' | 'tonal';\r\nexport type PromotionCardUsage =\r\n | 'neutral'\r\n | 'informative'\r\n | 'positive'\r\n | 'danger'\r\n | 'warning'\r\n | 'image';\r\nexport type PromotionCardSize = 'md' | 'lg';\r\n\r\nexport interface PromotionCardProps {\r\n size?: PromotionCardSize;\r\n variant?: PromotionCardVariant;\r\n usage?: PromotionCardUsage;\r\n title?: string;\r\n description?: string;\r\n chipLabel?: string;\r\n chipIcon?: React.ReactNode;\r\n image?: ImageSourcePropType;\r\n progress?: number;\r\n showProgressBar?: boolean;\r\n showRingTimer?: boolean;\r\n onPress?: () => void;\r\n disabled?: boolean;\r\n accessibilityLabel?: string;\r\n style?: StyleProp<ViewStyle>;\r\n}\r\n\r\ntype VariantTokens = {\r\n cardBg: string;\r\n chipBg: string;\r\n chipTextColor: string;\r\n titleColor: string;\r\n descColor: string;\r\n descOpacity: number;\r\n buttonBg: string;\r\n buttonIconColor: string;\r\n progressColor: string;\r\n};\r\n\r\nconst MD_HEIGHT = 197;\r\nconst LG_HEIGHT = 363;\r\nconst MD_BUTTON = 32;\r\nconst LG_BUTTON = 48;\r\nconst MD_RING_R = 14;\r\nconst LG_RING_R = 21;\r\nconst MD_RING_C = 2 * Math.PI * MD_RING_R;\r\nconst LG_RING_C = 2 * Math.PI * LG_RING_R;\r\nconst LG_DOTS_BOTTOM = 53;\r\nconst LG_DOTS_LEFT = 32;\r\nconst LG_DOT_SIZE = 6;\r\nconst LG_DOT_GAP = 4;\r\nconst LG_DOT_COUNT = 5;\r\n\r\nexport function PromotionCard({\r\n size = 'md',\r\n variant = 'filled',\r\n usage = 'neutral',\r\n title,\r\n description,\r\n chipLabel,\r\n chipIcon,\r\n image,\r\n progress = 0.25,\r\n showProgressBar = true,\r\n showRingTimer = true,\r\n onPress,\r\n disabled = false,\r\n accessibilityLabel,\r\n style,\r\n}: PromotionCardProps) {\r\n const { colorRoles: cr, dimensions: dim } = useTheme();\r\n\r\n const tokens = useMemo(\r\n (): Record<\r\n PromotionCardVariant,\r\n Record<PromotionCardUsage, VariantTokens>\r\n > => ({\r\n filled: {\r\n neutral: {\r\n cardBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,\r\n chipBg: cr.surface.surfaceContainer.sysSurfaceContainerHighest,\r\n chipTextColor: cr.surface.surface.sysOnSurface,\r\n titleColor: '#0f0f0f',\r\n descColor: cr.surface.surface.sysOnSurfaceVariant,\r\n descOpacity: 1,\r\n buttonBg: cr.addOn.primaryFixed.sysPrimaryFixedDim,\r\n buttonIconColor: cr.addOn.primaryFixed.sysOnPrimaryFixed,\r\n progressColor: cr.accent.primary.sysPrimary,\r\n },\r\n informative: {\r\n cardBg: cr.custom.info.sysOnInfoContainer,\r\n chipBg: cr.custom.info.sysInfoContainer,\r\n chipTextColor: cr.custom.info.sysOnInfoContainer,\r\n titleColor: cr.custom.info.sysOnInfo,\r\n descColor: cr.transparent.neutral.sysWhite80,\r\n descOpacity: 1,\r\n buttonBg: cr.custom.info.sysOnInfo,\r\n buttonIconColor: cr.custom.info.sysOnInfoContainer,\r\n progressColor: cr.custom.info.sysOnInfo,\r\n },\r\n positive: {\r\n cardBg: cr.custom.success.sysOnSuccessContainer,\r\n chipBg: cr.custom.success.sysSuccessContainer,\r\n chipTextColor: cr.custom.success.sysOnSuccessContainer,\r\n titleColor: cr.custom.success.sysOnSuccess,\r\n descColor: cr.transparent.neutral.sysWhite80,\r\n descOpacity: 1,\r\n buttonBg: cr.custom.success.sysOnSuccess,\r\n buttonIconColor: cr.custom.success.sysOnSuccessContainer,\r\n progressColor: cr.custom.success.sysOnSuccess,\r\n },\r\n danger: {\r\n cardBg: cr.error.sysOnErrorContainer,\r\n chipBg: cr.error.sysErrorContainer,\r\n chipTextColor: cr.error.sysOnErrorContainer,\r\n titleColor: cr.error.sysOnError,\r\n descColor: cr.transparent.neutral.sysWhite80,\r\n descOpacity: 1,\r\n buttonBg: cr.error.sysOnError,\r\n buttonIconColor: cr.error.sysOnErrorContainer,\r\n progressColor: cr.error.sysOnError,\r\n },\r\n warning: {\r\n cardBg: cr.custom.warning.sysOnWarningContainer,\r\n chipBg: cr.custom.warning.sysWarningContainer,\r\n chipTextColor: cr.custom.warning.sysOnWarningContainer,\r\n titleColor: cr.custom.warning.sysOnWarning,\r\n descColor: cr.transparent.neutral.sysWhite80,\r\n descOpacity: 1,\r\n buttonBg: cr.custom.warning.sysOnWarning,\r\n buttonIconColor: cr.custom.warning.sysOnWarningContainer,\r\n progressColor: cr.custom.warning.sysOnWarning,\r\n },\r\n image: {\r\n cardBg: 'transparent',\r\n chipBg: 'rgba(255,255,255,0.2)',\r\n chipTextColor: cr.surface.inverse.sysInverseOnSurface,\r\n titleColor: cr.accent.primary.sysOnPrimary,\r\n descColor: cr.transparent.neutral.sysWhite80,\r\n descOpacity: 1,\r\n buttonBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,\r\n buttonIconColor: cr.surface.surface.sysOnSurface,\r\n progressColor: cr.accent.primary.sysOnPrimary,\r\n },\r\n },\r\n tonal: {\r\n neutral: {\r\n cardBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,\r\n chipBg: cr.surface.surfaceContainer.sysSurfaceContainerHighest,\r\n chipTextColor: cr.surface.surface.sysOnSurface,\r\n titleColor: '#0f0f0f',\r\n descColor: cr.surface.surface.sysOnSurfaceVariant,\r\n descOpacity: 1,\r\n buttonBg: cr.addOn.primaryFixed.sysPrimaryFixedDim,\r\n buttonIconColor: cr.addOn.primaryFixed.sysOnPrimaryFixed,\r\n progressColor: cr.accent.primary.sysPrimary,\r\n },\r\n informative: {\r\n cardBg: cr.custom.info.sysInfoContainer,\r\n chipBg: cr.custom.info.sysOnInfo,\r\n chipTextColor: cr.custom.info.sysOnInfoContainer,\r\n titleColor: cr.custom.info.sysOnInfoContainer,\r\n descColor: cr.custom.info.sysOnInfoContainer,\r\n descOpacity: 0.64,\r\n buttonBg: cr.custom.info.sysInfo,\r\n buttonIconColor: cr.custom.info.sysOnInfo,\r\n progressColor: cr.custom.info.sysInfo,\r\n },\r\n positive: {\r\n cardBg: cr.custom.success.sysSuccessContainer,\r\n chipBg: cr.custom.success.sysOnSuccess,\r\n chipTextColor: cr.custom.success.sysOnSuccessContainer,\r\n titleColor: cr.custom.success.sysOnSuccessContainer,\r\n descColor: cr.custom.success.sysOnSuccessContainer,\r\n descOpacity: 0.64,\r\n buttonBg: cr.custom.success.sysSuccess,\r\n buttonIconColor: cr.custom.success.sysOnSuccess,\r\n progressColor: cr.custom.success.sysSuccess,\r\n },\r\n danger: {\r\n cardBg: cr.error.sysErrorContainer,\r\n chipBg: cr.error.sysOnError,\r\n chipTextColor: cr.error.sysOnErrorContainer,\r\n titleColor: cr.error.sysOnErrorContainer,\r\n descColor: cr.error.sysOnErrorContainer,\r\n descOpacity: 0.64,\r\n buttonBg: cr.error.sysError,\r\n buttonIconColor: cr.error.sysOnError,\r\n progressColor: cr.error.sysError,\r\n },\r\n warning: {\r\n cardBg: cr.custom.warning.sysWarningContainer,\r\n chipBg: cr.custom.warning.sysOnWarning,\r\n chipTextColor: cr.custom.warning.sysOnWarningContainer,\r\n titleColor: cr.custom.warning.sysOnWarningContainer,\r\n descColor: cr.custom.warning.sysOnWarningContainer,\r\n descOpacity: 0.64,\r\n buttonBg: cr.custom.warning.sysWarning,\r\n buttonIconColor: cr.custom.warning.sysOnWarning,\r\n progressColor: cr.custom.warning.sysWarning,\r\n },\r\n image: {\r\n cardBg: 'transparent',\r\n chipBg: 'rgba(255,255,255,0.2)',\r\n chipTextColor: cr.surface.inverse.sysInverseOnSurface,\r\n titleColor: cr.accent.primary.sysOnPrimary,\r\n descColor: cr.transparent.neutral.sysWhite80,\r\n descOpacity: 1,\r\n buttonBg: cr.surface.surfaceContainer.sysSurfaceContainerLowest,\r\n buttonIconColor: cr.surface.surface.sysOnSurface,\r\n progressColor: cr.accent.primary.sysOnPrimary,\r\n },\r\n },\r\n }),\r\n [cr],\r\n );\r\n\r\n // lg tokens: neutral uses filled, others use tonal\r\n function getLgTokens(u: PromotionCardUsage): VariantTokens {\r\n if (u === 'neutral') return tokens.filled.neutral;\r\n return tokens.tonal[u];\r\n }\r\n\r\n const isLg = size === 'lg';\r\n const t = isLg ? getLgTokens(usage) : tokens[variant][usage];\r\n const isImage = usage === 'image';\r\n const p = Math.max(0, Math.min(1, progress));\r\n\r\n const buttonSize = isLg ? LG_BUTTON : MD_BUTTON;\r\n const ringR = isLg ? LG_RING_R : MD_RING_R;\r\n const ringC = isLg ? LG_RING_C : MD_RING_C;\r\n const ringArcLength = ringC * p;\r\n\r\n const containerStyle = [\r\n styles.card,\r\n isLg\r\n ? {\r\n height: LG_HEIGHT,\r\n borderRadius: dim.borderRadius.sysRadiusXl,\r\n padding: dim.spacing.padding.sysPadding32,\r\n flexDirection: 'column' as const,\r\n gap: dim.spacing.padding.sysPadding24,\r\n }\r\n : {\r\n height: MD_HEIGHT,\r\n borderRadius: dim.borderRadius.sysRadiusLg,\r\n paddingHorizontal: dim.spacing.padding.sysPadding16,\r\n paddingVertical: dim.spacing.padding.sysPadding16,\r\n justifyContent: 'space-between' as const,\r\n },\r\n { backgroundColor: t.cardBg, opacity: disabled ? 0.48 : 1 },\r\n style,\r\n ];\r\n\r\n const inner = (\r\n <>\r\n {isImage && image && (\r\n <>\r\n <Image\r\n source={image}\r\n style={[\r\n { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 },\r\n {\r\n borderRadius: isLg\r\n ? dim.borderRadius.sysRadiusXl\r\n : dim.borderRadius.sysRadiusLg,\r\n },\r\n ]}\r\n resizeMode=\"cover\"\r\n accessible={false}\r\n />\r\n <View\r\n style={[\r\n { position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 },\r\n {\r\n borderRadius: isLg\r\n ? dim.borderRadius.sysRadiusXl\r\n : dim.borderRadius.sysRadiusLg,\r\n backgroundColor: 'rgba(0,0,0,0.35)',\r\n },\r\n ]}\r\n pointerEvents=\"none\"\r\n />\r\n </>\r\n )}\r\n\r\n {/* Chip */}\r\n {chipLabel && (\r\n <View\r\n style={[\r\n isLg\r\n ? {\r\n flexDirection: 'row' as const,\r\n alignItems: 'center' as const,\r\n alignSelf: 'flex-start' as const,\r\n borderRadius: dim.borderRadius.sysRadiusFull,\r\n paddingHorizontal: dim.spacing.padding.sysPadding16,\r\n paddingVertical: dim.spacing.padding.sysPadding4,\r\n gap: dim.spacing.padding.sysPadding8,\r\n height: 32,\r\n }\r\n : {\r\n flexDirection: 'row' as const,\r\n alignItems: 'center' as const,\r\n alignSelf: 'flex-start' as const,\r\n borderRadius: dim.borderRadius.sysRadiusFull,\r\n paddingHorizontal: dim.spacing.padding.sysPadding12,\r\n paddingVertical: dim.spacing.padding.sysPadding4,\r\n gap: dim.spacing.padding.sysPadding4,\r\n height: 24,\r\n },\r\n { backgroundColor: t.chipBg },\r\n ]}\r\n >\r\n {chipIcon && (\r\n <View\r\n style={\r\n isLg\r\n ? {\r\n width: 20,\r\n height: 20,\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n }\r\n : {\r\n width: 16,\r\n height: 16,\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n }\r\n }\r\n >\r\n {chipIcon}\r\n </View>\r\n )}\r\n <BodyText variant=\"labelMedium\" color={t.chipTextColor}>\r\n {chipLabel}\r\n </BodyText>\r\n </View>\r\n )}\r\n\r\n {/* Content (title + description) */}\r\n <View\r\n style={\r\n isLg\r\n ? { gap: dim.spacing.padding.sysPadding8, flex: 1 }\r\n : { gap: dim.spacing.padding.sysPadding4, maxWidth: '78%' }\r\n }\r\n >\r\n {title &&\r\n (isLg ? (\r\n <HeaderText variant=\"titleLarge\" color={t.titleColor}>\r\n {title}\r\n </HeaderText>\r\n ) : (\r\n <HeaderText variant=\"titleSmall\" color={t.titleColor}>\r\n {title}\r\n </HeaderText>\r\n ))}\r\n {description && (\r\n <View style={{ opacity: t.descOpacity }}>\r\n <BodyText variant={isLg ? 'medium' : 'small'} color={t.descColor}>\r\n {description}\r\n </BodyText>\r\n </View>\r\n )}\r\n </View>\r\n\r\n {/* Arrow button (absolute, bottom-right) */}\r\n <View\r\n style={[\r\n styles.buttonWrap,\r\n {\r\n bottom: isLg\r\n ? dim.spacing.padding.sysPadding32\r\n : dim.spacing.padding.sysPadding16,\r\n right: isLg\r\n ? dim.spacing.padding.sysPadding32\r\n : dim.spacing.padding.sysPadding16,\r\n width: buttonSize,\r\n height: buttonSize,\r\n },\r\n ]}\r\n >\r\n <View\r\n style={[\r\n styles.button,\r\n {\r\n width: buttonSize,\r\n height: buttonSize,\r\n borderRadius: dim.borderRadius.sysRadiusFull,\r\n backgroundColor: t.buttonBg,\r\n },\r\n ]}\r\n >\r\n <Ionicons\r\n name=\"arrow-forward\"\r\n size={isLg ? 24 : 16}\r\n color={t.buttonIconColor}\r\n accessible={false}\r\n />\r\n </View>\r\n {showRingTimer && (\r\n <Svg\r\n width={buttonSize}\r\n height={buttonSize}\r\n style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}\r\n >\r\n <SvgCircle\r\n cx={buttonSize / 2}\r\n cy={buttonSize / 2}\r\n r={ringR}\r\n stroke={t.progressColor}\r\n strokeWidth={2}\r\n fill=\"transparent\"\r\n strokeDasharray={`${ringArcLength} ${ringC - ringArcLength}`}\r\n strokeLinecap=\"round\"\r\n rotation={-90}\r\n origin={`${buttonSize / 2}, ${buttonSize / 2}`}\r\n />\r\n </Svg>\r\n )}\r\n </View>\r\n\r\n {/* Pagination dots (lg only) */}\r\n {isLg && (\r\n <View style={styles.dotsRow}>\r\n {[...Array(LG_DOT_COUNT)].map((_: unknown, i: number) => (\r\n <View\r\n key={i}\r\n style={[\r\n styles.dot,\r\n {\r\n backgroundColor: i === 0 ? t.progressColor : 'transparent',\r\n borderColor: t.progressColor,\r\n borderWidth: i === 0 ? 0 : 1.5,\r\n opacity: i === 0 ? 1 : 0.4,\r\n },\r\n ]}\r\n />\r\n ))}\r\n </View>\r\n )}\r\n\r\n {/* Progress bar */}\r\n {showProgressBar && (\r\n <View\r\n style={[styles.progressTrack, { height: isLg ? 4 : 2 }]}\r\n pointerEvents=\"none\"\r\n >\r\n <View\r\n style={[\r\n styles.progressFill,\r\n {\r\n width: `${p * 100}%` as any,\r\n height: isLg ? 4 : 2,\r\n backgroundColor: t.progressColor,\r\n },\r\n ]}\r\n />\r\n </View>\r\n )}\r\n </>\r\n );\r\n\r\n if (onPress) {\r\n return (\r\n <Pressable\r\n onPress={disabled ? undefined : onPress}\r\n accessibilityRole=\"button\"\r\n accessibilityLabel={accessibilityLabel ?? title}\r\n accessibilityState={{ disabled }}\r\n style={({ pressed }: { pressed: boolean }) => [\r\n ...containerStyle,\r\n pressed && !disabled && styles.pressed,\r\n ]}\r\n >\r\n {inner}\r\n </Pressable>\r\n );\r\n }\r\n\r\n return <View style={containerStyle}>{inner}</View>;\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n card: {\r\n overflow: 'hidden',\r\n alignSelf: 'stretch',\r\n },\r\n buttonWrap: {\r\n position: 'absolute',\r\n },\r\n button: {\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n overflow: 'hidden',\r\n },\r\n dotsRow: {\r\n position: 'absolute',\r\n bottom: LG_DOTS_BOTTOM,\r\n left: LG_DOTS_LEFT,\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n gap: LG_DOT_GAP,\r\n },\r\n dot: {\r\n width: LG_DOT_SIZE,\r\n height: LG_DOT_SIZE,\r\n borderRadius: LG_DOT_SIZE / 2,\r\n },\r\n progressTrack: {\r\n position: 'absolute',\r\n bottom: 0,\r\n left: 0,\r\n right: 0,\r\n backgroundColor: 'rgba(0,0,0,0.08)',\r\n },\r\n progressFill: {},\r\n pressed: {\r\n opacity: 0.84,\r\n },\r\n});\r\n"],"names":["PromotionCard","MD_HEIGHT","LG_HEIGHT","MD_BUTTON","LG_BUTTON","MD_RING_R","LG_RING_R","MD_RING_C","Math","PI","LG_RING_C","LG_DOTS_BOTTOM","LG_DOTS_LEFT","LG_DOT_SIZE","LG_DOT_GAP","LG_DOT_COUNT","size","variant","usage","title","description","chipLabel","chipIcon","image","progress","showProgressBar","showRingTimer","onPress","disabled","accessibilityLabel","style","colorRoles","cr","dimensions","dim","useTheme","tokens","useMemo","filled","neutral","cardBg","surface","surfaceContainer","sysSurfaceContainerLowest","chipBg","sysSurfaceContainerHighest","chipTextColor","sysOnSurface","titleColor","descColor","sysOnSurfaceVariant","descOpacity","buttonBg","addOn","primaryFixed","sysPrimaryFixedDim","buttonIconColor","sysOnPrimaryFixed","progressColor","accent","primary","sysPrimary","informative","custom","info","sysOnInfoContainer","sysInfoContainer","sysOnInfo","transparent","sysWhite80","positive","success","sysOnSuccessContainer","sysSuccessContainer","sysOnSuccess","danger","error","sysOnErrorContainer","sysErrorContainer","sysOnError","warning","sysOnWarningContainer","sysWarningContainer","sysOnWarning","inverse","sysInverseOnSurface","sysOnPrimary","tonal","sysInfo","sysSuccess","sysError","sysWarning","getLgTokens","u","isLg","t","isImage","p","max","min","buttonSize","ringR","ringC","ringArcLength","containerStyle","styles","card","height","borderRadius","sysRadiusXl","padding","spacing","sysPadding32","flexDirection","gap","sysPadding24","sysRadiusLg","paddingHorizontal","sysPadding16","paddingVertical","justifyContent","backgroundColor","opacity","inner","Image","source","position","top","left","right","bottom","resizeMode","accessible","View","pointerEvents","alignItems","alignSelf","sysRadiusFull","sysPadding4","sysPadding8","sysPadding12","width","BodyText","color","flex","maxWidth","HeaderText","buttonWrap","button","Ionicons","name","Svg","SvgCircle","cx","cy","r","stroke","strokeWidth","fill","strokeDasharray","strokeLinecap","rotation","origin","dotsRow","Array","map","_","i","dot","borderColor","borderWidth","progressTrack","progressFill","Pressable","undefined","accessibilityRole","accessibilityState","pressed","StyleSheet","create","overflow"],"mappings":"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"}
|
package/src/icons/AtomIcon.d.ts
DELETED