react-native-terra-ui 0.2.1 → 0.3.0
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/CHANGELOG.md +34 -0
- package/lib/module/components/avatar/Avatar.js +51 -46
- package/lib/module/components/avatar/Avatar.js.map +1 -1
- package/lib/module/components/box/Box.js +1 -1
- package/lib/module/components/box/Box.js.map +1 -1
- package/lib/module/components/button/Button.js +52 -48
- package/lib/module/components/button/Button.js.map +1 -1
- package/lib/module/components/chip/Chip.js +117 -60
- package/lib/module/components/chip/Chip.js.map +1 -1
- package/lib/module/components/chip/utils.js +3 -1
- package/lib/module/components/chip/utils.js.map +1 -1
- package/lib/module/components/empty-state/EmptyState.js +46 -39
- package/lib/module/components/empty-state/EmptyState.js.map +1 -1
- package/lib/module/components/header/variants/LargeTitleHeader/index.js +183 -136
- package/lib/module/components/header/variants/LargeTitleHeader/index.js.map +1 -1
- package/lib/module/components/header/variants/TitleHeader/index.js +55 -47
- package/lib/module/components/header/variants/TitleHeader/index.js.map +1 -1
- package/lib/module/components/icon/Icon.js +1 -1
- package/lib/module/components/icon/Icon.js.map +1 -1
- package/lib/module/components/image/Image.js +3 -2
- package/lib/module/components/image/Image.js.map +1 -1
- package/lib/module/components/page-indicator/PageIndicatorRoot.js +1 -1
- package/lib/module/components/page-indicator/PageIndicatorRoot.js.map +1 -1
- package/lib/module/components/portal/PortalHost.js +1 -1
- package/lib/module/components/portal/PortalHost.js.map +1 -1
- package/lib/module/components/screen/Screen.js +1 -1
- package/lib/module/components/screen/Screen.js.map +1 -1
- package/lib/module/components/screen/ScreenFlashList.js +7 -4
- package/lib/module/components/screen/ScreenFlashList.js.map +1 -1
- package/lib/module/components/screen/ScreenFlatList.js +9 -5
- package/lib/module/components/screen/ScreenFlatList.js.map +1 -1
- package/lib/module/components/screen/ScreenScrollView.js +5 -3
- package/lib/module/components/screen/ScreenScrollView.js.map +1 -1
- package/lib/module/components/screen/parts/ScreenPlaceholder.js +1 -1
- package/lib/module/components/screen/parts/ScreenPlaceholder.js.map +1 -1
- package/lib/module/components/text/Text.js +3 -1
- package/lib/module/components/text/Text.js.map +1 -1
- package/lib/module/components/toast/Toast.js +2 -1
- package/lib/module/components/toast/Toast.js.map +1 -1
- package/lib/module/components/toast/parts/ToastAnimatedItem.js +2 -1
- package/lib/module/components/toast/parts/ToastAnimatedItem.js.map +1 -1
- package/lib/module/components/toolbar/Toolbar.js +37 -30
- package/lib/module/components/toolbar/Toolbar.js.map +1 -1
- package/lib/module/context/ThemeProvider.js +5 -6
- package/lib/module/context/ThemeProvider.js.map +1 -1
- package/lib/module/theme/defaults/image.js +9 -3
- package/lib/module/theme/defaults/image.js.map +1 -1
- package/lib/module/theme/registry.js +55 -2
- package/lib/module/theme/registry.js.map +1 -1
- package/lib/module/theme/tokens/dark.js +3 -3
- package/lib/module/theme/tokens/dark.js.map +1 -1
- package/lib/typescript/src/components/chip/Chip.d.ts.map +1 -1
- package/lib/typescript/src/components/chip/utils.d.ts.map +1 -1
- package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts +9 -3
- package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts.map +1 -1
- package/lib/typescript/src/components/text/Text.d.ts +1 -0
- package/lib/typescript/src/components/text/Text.d.ts.map +1 -1
- package/lib/typescript/src/context/ThemeProvider.d.ts.map +1 -1
- package/lib/typescript/src/theme/defaults/image.d.ts.map +1 -1
- package/lib/typescript/src/theme/registry.d.ts +13 -0
- package/lib/typescript/src/theme/registry.d.ts.map +1 -1
- package/package.json +1 -1
- package/skills/terra-ui/SKILL.md +1 -1
- package/skills/terra-ui/references/recipes.md +1 -1
- package/src/components/chip/Chip.tsx +94 -48
- package/src/components/chip/utils.ts +8 -1
- package/src/components/header/variants/LargeTitleHeader/index.tsx +56 -15
- package/src/components/text/Text.tsx +3 -0
- package/src/context/ThemeProvider.tsx +5 -6
- package/src/theme/defaults/image.tsx +6 -3
- package/src/theme/registry.ts +61 -2
- package/src/theme/tokens/dark.ts +3 -3
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { View } from "react-native-unistyles/components/native/View";
|
|
4
|
+
import { Text as RNText } from "react-native-unistyles/components/native/Text";
|
|
3
5
|
import { Children, createContext, forwardRef, useContext } from 'react';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
+
import { StyleSheet, useUnistyles, withUnistyles } from 'react-native-unistyles';
|
|
7
|
+
import { resolveThemeColor } from "../../utils/resolve-theme-color.js";
|
|
8
|
+
import { FONT_WEIGHT_VALUE, SYSTEM_FONT } from "../../utils/typography.js";
|
|
6
9
|
import { Icon } from "../icon/index.js";
|
|
7
|
-
import { Text } from "../text/index.js";
|
|
8
10
|
import { getCustomColorColors } from "./utils.js";
|
|
9
11
|
|
|
10
12
|
// ─── Context (lets Chip.Icon read the resolved foreground + size) ─────────────
|
|
@@ -31,6 +33,13 @@ const ChipContext = /*#__PURE__*/createContext({
|
|
|
31
33
|
// `utils.ts` for how it's derived instead.
|
|
32
34
|
|
|
33
35
|
const SCHEME_NAMES = new Set(['primary', 'secondary', 'success', 'warning', 'danger']);
|
|
36
|
+
// `ghost` is `outline` with its border taken away, so it has no colors of its
|
|
37
|
+
// own — it borrows outline's foreground. Only the *paint* differs, and that
|
|
38
|
+
// comes from the `ghost` style variant, never from here.
|
|
39
|
+
function paintedVariant(variant) {
|
|
40
|
+
return variant === 'ghost' ? 'outline' : variant;
|
|
41
|
+
}
|
|
42
|
+
|
|
34
43
|
/** Foreground token per (scheme, variant) — mirrors the spec's token table. */
|
|
35
44
|
const FG_TOKEN = {
|
|
36
45
|
primary: {
|
|
@@ -63,8 +72,7 @@ const FG_TOKEN = {
|
|
|
63
72
|
/** The label/icon color as a token, so children resolve it per theme. */
|
|
64
73
|
function resolveForeground(color, variant, customColors) {
|
|
65
74
|
if (customColors) return customColors.fg;
|
|
66
|
-
|
|
67
|
-
return FG_TOKEN[color][variant];
|
|
75
|
+
return FG_TOKEN[color][paintedVariant(variant)];
|
|
68
76
|
}
|
|
69
77
|
|
|
70
78
|
// ─── Label sub-component ───────────────────────────────────────────────────────
|
|
@@ -74,6 +82,14 @@ const LABEL_VARIANT = {
|
|
|
74
82
|
md: 'label-md',
|
|
75
83
|
lg: 'label-lg'
|
|
76
84
|
};
|
|
85
|
+
|
|
86
|
+
// Renders through React Native's `Text` rather than the `Text` primitive: a
|
|
87
|
+
// chip label never needs the primitive's alignment, decoration, or truncation
|
|
88
|
+
// handling, and a list of chips pays for that style assembly on every render.
|
|
89
|
+
// The type scale lives in `styles.label`'s size variants, so unistyles resolves
|
|
90
|
+
// it against the live theme, and the colour is resolved here from the token the
|
|
91
|
+
// root put on the context — keeping the theme-change behaviour the primitive
|
|
92
|
+
// gave us.
|
|
77
93
|
const ChipLabel = ({
|
|
78
94
|
children
|
|
79
95
|
}) => {
|
|
@@ -81,20 +97,30 @@ const ChipLabel = ({
|
|
|
81
97
|
color,
|
|
82
98
|
size
|
|
83
99
|
} = useContext(ChipContext);
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
100
|
+
const {
|
|
101
|
+
theme
|
|
102
|
+
} = useUnistyles();
|
|
103
|
+
const _styles = styles;
|
|
104
|
+
{
|
|
105
|
+
const styles = _styles.useVariants({
|
|
106
|
+
size
|
|
107
|
+
});
|
|
108
|
+
return /*#__PURE__*/_jsx(RNText, {
|
|
109
|
+
style: [styles.label, {
|
|
110
|
+
color: resolveThemeColor(color, theme)
|
|
111
|
+
}],
|
|
112
|
+
maxFontSizeMultiplier: theme.typography.variants[LABEL_VARIANT[size]].maxFontSizeMultiplier,
|
|
113
|
+
children: children
|
|
114
|
+
});
|
|
115
|
+
}
|
|
90
116
|
};
|
|
91
117
|
|
|
92
118
|
// ─── Icon sub-component ────────────────────────────────────────────────────────
|
|
93
119
|
|
|
94
120
|
const ICON_SIZE = {
|
|
95
|
-
sm:
|
|
96
|
-
md:
|
|
97
|
-
lg:
|
|
121
|
+
sm: 16,
|
|
122
|
+
md: 18,
|
|
123
|
+
lg: 20
|
|
98
124
|
};
|
|
99
125
|
const ChipIcon = ({
|
|
100
126
|
name,
|
|
@@ -113,7 +139,9 @@ const ChipIcon = ({
|
|
|
113
139
|
color: color || contextColor,
|
|
114
140
|
size: sizeProp ?? ICON_SIZE[size],
|
|
115
141
|
strokeWidth: strokeWidth,
|
|
116
|
-
style:
|
|
142
|
+
style: [{
|
|
143
|
+
marginVertical: -4
|
|
144
|
+
}, style],
|
|
117
145
|
...rest
|
|
118
146
|
});
|
|
119
147
|
};
|
|
@@ -143,33 +171,37 @@ const ChipRoot = /*#__PURE__*/forwardRef(function Chip({
|
|
|
143
171
|
style,
|
|
144
172
|
...rest
|
|
145
173
|
}, ref) {
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
variant,
|
|
152
|
-
size
|
|
153
|
-
});
|
|
154
|
-
const isCustomColor = variant !== 'ghost' && !SCHEME_NAMES.has(color);
|
|
155
|
-
const customColors = isCustomColor ? getCustomColorColors(color, variant) : null;
|
|
156
|
-
const fg = resolveForeground(color, variant, customColors);
|
|
157
|
-
return /*#__PURE__*/_jsx(ChipContext.Provider, {
|
|
158
|
-
value: {
|
|
159
|
-
color: fg,
|
|
174
|
+
const _styles2 = styles;
|
|
175
|
+
{
|
|
176
|
+
const styles = _styles2.useVariants({
|
|
177
|
+
color: color,
|
|
178
|
+
variant,
|
|
160
179
|
size
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
180
|
+
});
|
|
181
|
+
const isCustomColor = !SCHEME_NAMES.has(color);
|
|
182
|
+
const customColors = isCustomColor ? getCustomColorColors(color, paintedVariant(variant)) : null;
|
|
183
|
+
const fg = resolveForeground(color, variant, customColors);
|
|
184
|
+
// Ghost takes outline's foreground but none of its paint — its transparent
|
|
185
|
+
// background and absent border come from the `ghost` style variant, so
|
|
186
|
+
// applying the derived paint here would hand it outline's border back.
|
|
187
|
+
const customPaint = customColors && variant !== 'ghost' ? {
|
|
188
|
+
backgroundColor: customColors.bg,
|
|
189
|
+
borderColor: customColors.border,
|
|
190
|
+
borderWidth: customColors.borderWidth
|
|
191
|
+
} : null;
|
|
192
|
+
return /*#__PURE__*/_jsx(ChipContext.Provider, {
|
|
193
|
+
value: {
|
|
194
|
+
color: fg,
|
|
195
|
+
size
|
|
196
|
+
},
|
|
197
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
198
|
+
ref: ref,
|
|
199
|
+
style: [styles.base, customPaint, style],
|
|
200
|
+
...rest,
|
|
201
|
+
children: renderChildren(children)
|
|
202
|
+
})
|
|
203
|
+
});
|
|
204
|
+
}
|
|
173
205
|
});
|
|
174
206
|
// Subscribes the chip to theme changes. The background below comes from
|
|
175
207
|
// `compoundVariants`, which unistyles applies straight to the native node when
|
|
@@ -200,7 +232,41 @@ Chip.Icon = ChipIcon;
|
|
|
200
232
|
// this View, and is handed to them as a token via `FG_TOKEN` / context.
|
|
201
233
|
const styles = StyleSheet.create(theme => {
|
|
202
234
|
const c = theme.color;
|
|
235
|
+
// A custom font encodes its weight in the family name, so only the system
|
|
236
|
+
// font takes a numeric `fontWeight` — the same branch `Text` makes. Inlined
|
|
237
|
+
// rather than extracted: the unistyles Babel plugin rewrites this factory,
|
|
238
|
+
// and an imported function called from inside it is not in scope at runtime.
|
|
239
|
+
const labelFont = theme.typography.fonts.semibold;
|
|
240
|
+
const isSystemLabelFont = labelFont === SYSTEM_FONT;
|
|
203
241
|
return {
|
|
242
|
+
// Spelled out rather than derived from `LABEL_VARIANT`: the unistyles Babel
|
|
243
|
+
// plugin reads this object statically, so computed variant keys are not
|
|
244
|
+
// safe here even though they would resolve correctly under test.
|
|
245
|
+
label: {
|
|
246
|
+
paddingHorizontal: 2,
|
|
247
|
+
fontFamily: isSystemLabelFont ? undefined : labelFont,
|
|
248
|
+
fontWeight: isSystemLabelFont ? FONT_WEIGHT_VALUE.semibold : undefined,
|
|
249
|
+
variants: {
|
|
250
|
+
size: {
|
|
251
|
+
sm: {
|
|
252
|
+
fontSize: theme.typography.variants['label-sm'].fontSize,
|
|
253
|
+
lineHeight: theme.typography.variants['label-sm'].lineHeight,
|
|
254
|
+
letterSpacing: theme.typography.variants['label-sm'].letterSpacing
|
|
255
|
+
},
|
|
256
|
+
md: {
|
|
257
|
+
fontSize: theme.typography.variants['label-md'].fontSize,
|
|
258
|
+
lineHeight: theme.typography.variants['label-md'].lineHeight,
|
|
259
|
+
letterSpacing: theme.typography.variants['label-md'].letterSpacing
|
|
260
|
+
},
|
|
261
|
+
lg: {
|
|
262
|
+
fontSize: theme.typography.variants['label-lg'].fontSize,
|
|
263
|
+
lineHeight: theme.typography.variants['label-lg'].lineHeight,
|
|
264
|
+
letterSpacing: theme.typography.variants['label-lg'].letterSpacing
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
},
|
|
268
|
+
uni__dependencies: [0, 4]
|
|
269
|
+
},
|
|
204
270
|
base: {
|
|
205
271
|
flexDirection: 'row',
|
|
206
272
|
alignItems: 'center',
|
|
@@ -211,19 +277,19 @@ const styles = StyleSheet.create(theme => {
|
|
|
211
277
|
sm: {
|
|
212
278
|
minHeight: 24,
|
|
213
279
|
paddingVertical: 6,
|
|
214
|
-
paddingHorizontal:
|
|
280
|
+
paddingHorizontal: 8,
|
|
215
281
|
gap: 4
|
|
216
282
|
},
|
|
217
283
|
md: {
|
|
218
284
|
minHeight: 26,
|
|
219
285
|
paddingVertical: 8,
|
|
220
|
-
paddingHorizontal:
|
|
286
|
+
paddingHorizontal: 10,
|
|
221
287
|
gap: 4
|
|
222
288
|
},
|
|
223
289
|
lg: {
|
|
224
290
|
minHeight: 28,
|
|
225
291
|
paddingVertical: 8,
|
|
226
|
-
paddingHorizontal:
|
|
292
|
+
paddingHorizontal: 12,
|
|
227
293
|
gap: 4
|
|
228
294
|
}
|
|
229
295
|
},
|
|
@@ -250,7 +316,6 @@ const styles = StyleSheet.create(theme => {
|
|
|
250
316
|
variant: 'solid',
|
|
251
317
|
styles: {
|
|
252
318
|
backgroundColor: c['action.bg.primary'],
|
|
253
|
-
borderColor: c['action.bg.primary'],
|
|
254
319
|
borderWidth: 0
|
|
255
320
|
}
|
|
256
321
|
}, {
|
|
@@ -258,7 +323,6 @@ const styles = StyleSheet.create(theme => {
|
|
|
258
323
|
variant: 'soft',
|
|
259
324
|
styles: {
|
|
260
325
|
backgroundColor: c['action.bg.primary.subtle'],
|
|
261
|
-
borderColor: c['action.bg.primary.subtle'],
|
|
262
326
|
borderWidth: 0
|
|
263
327
|
}
|
|
264
328
|
}, {
|
|
@@ -266,7 +330,7 @@ const styles = StyleSheet.create(theme => {
|
|
|
266
330
|
variant: 'outline',
|
|
267
331
|
styles: {
|
|
268
332
|
backgroundColor: 'transparent',
|
|
269
|
-
borderColor: c['
|
|
333
|
+
borderColor: c['action.bg.primary.subtle'],
|
|
270
334
|
borderWidth: 1
|
|
271
335
|
}
|
|
272
336
|
}, {
|
|
@@ -274,7 +338,6 @@ const styles = StyleSheet.create(theme => {
|
|
|
274
338
|
variant: 'solid',
|
|
275
339
|
styles: {
|
|
276
340
|
backgroundColor: c['action.bg.secondary'],
|
|
277
|
-
borderColor: c['action.bg.secondary'],
|
|
278
341
|
borderWidth: 0
|
|
279
342
|
}
|
|
280
343
|
}, {
|
|
@@ -282,7 +345,6 @@ const styles = StyleSheet.create(theme => {
|
|
|
282
345
|
variant: 'soft',
|
|
283
346
|
styles: {
|
|
284
347
|
backgroundColor: c['action.bg.secondary.subtle'],
|
|
285
|
-
borderColor: c['action.bg.secondary.subtle'],
|
|
286
348
|
borderWidth: 0
|
|
287
349
|
}
|
|
288
350
|
}, {
|
|
@@ -290,7 +352,7 @@ const styles = StyleSheet.create(theme => {
|
|
|
290
352
|
variant: 'outline',
|
|
291
353
|
styles: {
|
|
292
354
|
backgroundColor: 'transparent',
|
|
293
|
-
borderColor: c['
|
|
355
|
+
borderColor: c['action.bg.secondary.subtle'],
|
|
294
356
|
borderWidth: 1
|
|
295
357
|
}
|
|
296
358
|
}, {
|
|
@@ -298,7 +360,6 @@ const styles = StyleSheet.create(theme => {
|
|
|
298
360
|
variant: 'solid',
|
|
299
361
|
styles: {
|
|
300
362
|
backgroundColor: c['status.success.bg'],
|
|
301
|
-
borderColor: c['status.success.bg'],
|
|
302
363
|
borderWidth: 0
|
|
303
364
|
}
|
|
304
365
|
}, {
|
|
@@ -306,7 +367,6 @@ const styles = StyleSheet.create(theme => {
|
|
|
306
367
|
variant: 'soft',
|
|
307
368
|
styles: {
|
|
308
369
|
backgroundColor: c['status.success.bg.subtle'],
|
|
309
|
-
borderColor: c['status.success.bg.subtle'],
|
|
310
370
|
borderWidth: 0
|
|
311
371
|
}
|
|
312
372
|
}, {
|
|
@@ -314,7 +374,7 @@ const styles = StyleSheet.create(theme => {
|
|
|
314
374
|
variant: 'outline',
|
|
315
375
|
styles: {
|
|
316
376
|
backgroundColor: 'transparent',
|
|
317
|
-
borderColor: c['status.success.
|
|
377
|
+
borderColor: c['status.success.bg.subtle'],
|
|
318
378
|
borderWidth: 1
|
|
319
379
|
}
|
|
320
380
|
}, {
|
|
@@ -322,7 +382,6 @@ const styles = StyleSheet.create(theme => {
|
|
|
322
382
|
variant: 'solid',
|
|
323
383
|
styles: {
|
|
324
384
|
backgroundColor: c['status.warning.bg'],
|
|
325
|
-
borderColor: c['status.warning.bg'],
|
|
326
385
|
borderWidth: 0
|
|
327
386
|
}
|
|
328
387
|
}, {
|
|
@@ -330,7 +389,6 @@ const styles = StyleSheet.create(theme => {
|
|
|
330
389
|
variant: 'soft',
|
|
331
390
|
styles: {
|
|
332
391
|
backgroundColor: c['status.warning.bg.subtle'],
|
|
333
|
-
borderColor: c['status.warning.bg.subtle'],
|
|
334
392
|
borderWidth: 0
|
|
335
393
|
}
|
|
336
394
|
}, {
|
|
@@ -338,7 +396,7 @@ const styles = StyleSheet.create(theme => {
|
|
|
338
396
|
variant: 'outline',
|
|
339
397
|
styles: {
|
|
340
398
|
backgroundColor: 'transparent',
|
|
341
|
-
borderColor: c['status.warning.
|
|
399
|
+
borderColor: c['status.warning.bg.subtle'],
|
|
342
400
|
borderWidth: 1
|
|
343
401
|
}
|
|
344
402
|
}, {
|
|
@@ -346,7 +404,6 @@ const styles = StyleSheet.create(theme => {
|
|
|
346
404
|
variant: 'solid',
|
|
347
405
|
styles: {
|
|
348
406
|
backgroundColor: c['status.danger.bg'],
|
|
349
|
-
borderColor: c['status.danger.bg'],
|
|
350
407
|
borderWidth: 0
|
|
351
408
|
}
|
|
352
409
|
}, {
|
|
@@ -354,7 +411,6 @@ const styles = StyleSheet.create(theme => {
|
|
|
354
411
|
variant: 'soft',
|
|
355
412
|
styles: {
|
|
356
413
|
backgroundColor: c['status.danger.bg.subtle'],
|
|
357
|
-
borderColor: c['status.danger.bg.subtle'],
|
|
358
414
|
borderWidth: 0
|
|
359
415
|
}
|
|
360
416
|
}, {
|
|
@@ -362,10 +418,11 @@ const styles = StyleSheet.create(theme => {
|
|
|
362
418
|
variant: 'outline',
|
|
363
419
|
styles: {
|
|
364
420
|
backgroundColor: 'transparent',
|
|
365
|
-
borderColor: c['status.danger.
|
|
421
|
+
borderColor: c['status.danger.bg.subtle'],
|
|
366
422
|
borderWidth: 1
|
|
367
423
|
}
|
|
368
|
-
}]
|
|
424
|
+
}],
|
|
425
|
+
uni__dependencies: [0, 4]
|
|
369
426
|
}
|
|
370
427
|
};
|
|
371
428
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Children","createContext","forwardRef","useContext","
|
|
1
|
+
{"version":3,"names":["Children","createContext","forwardRef","useContext","StyleSheet","useUnistyles","withUnistyles","resolveThemeColor","FONT_WEIGHT_VALUE","SYSTEM_FONT","Icon","getCustomColorColors","jsx","_jsx","ChipContext","color","size","SCHEME_NAMES","Set","paintedVariant","variant","FG_TOKEN","primary","solid","soft","outline","secondary","success","warning","danger","resolveForeground","customColors","fg","LABEL_VARIANT","sm","md","lg","ChipLabel","children","theme","_styles","styles","useVariants","RNText","style","label","maxFontSizeMultiplier","typography","variants","ICON_SIZE","ChipIcon","name","sizeProp","strokeWidth","rest","contextColor","marginVertical","renderChildren","map","child","trim","length","ChipRoot","Chip","ref","_styles2","isCustomColor","has","customPaint","backgroundColor","bg","borderColor","border","borderWidth","Provider","value","View","base","create","c","labelFont","fonts","semibold","isSystemLabelFont","paddingHorizontal","fontFamily","undefined","fontWeight","fontSize","lineHeight","letterSpacing","uni__dependencies","flexDirection","alignItems","alignSelf","borderRadius","radius","full","minHeight","paddingVertical","gap","ghost","compoundVariants"],"sourceRoot":"../../../../src","sources":["components/chip/Chip.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,10 +9,12 @@ import { readableOn, withAlpha } from "../../utils/color-utils.js";
|
|
|
9
9
|
|
|
10
10
|
const CUSTOM_COLOR_SOFT_ALPHA = 0.16;
|
|
11
11
|
export function getCustomColorColors(literal, variant) {
|
|
12
|
+
// Outline borrows the `soft` background as its border, so the two variants
|
|
13
|
+
// read as the same weight of colour — one filled, one drawn.
|
|
12
14
|
if (variant === 'outline') {
|
|
13
15
|
return {
|
|
14
16
|
bg: 'transparent',
|
|
15
|
-
border: literal,
|
|
17
|
+
border: withAlpha(literal, CUSTOM_COLOR_SOFT_ALPHA),
|
|
16
18
|
borderWidth: 1,
|
|
17
19
|
fg: literal
|
|
18
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["readableOn","withAlpha","CUSTOM_COLOR_SOFT_ALPHA","getCustomColorColors","literal","variant","bg","border","borderWidth","fg"],"sourceRoot":"../../../../src","sources":["components/chip/utils.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS;;AAE9B;AACA;AACA;AACA;;AASA,MAAMC,uBAAuB,GAAG,IAAI;AAEpC,OAAO,SAASC,oBAAoBA,CAClCC,OAAe,EACfC,OAAqC,EACnB;EAClB,IAAIA,OAAO,KAAK,SAAS,EAAE;IACzB,OAAO;
|
|
1
|
+
{"version":3,"names":["readableOn","withAlpha","CUSTOM_COLOR_SOFT_ALPHA","getCustomColorColors","literal","variant","bg","border","borderWidth","fg"],"sourceRoot":"../../../../src","sources":["components/chip/utils.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS;;AAE9B;AACA;AACA;AACA;;AASA,MAAMC,uBAAuB,GAAG,IAAI;AAEpC,OAAO,SAASC,oBAAoBA,CAClCC,OAAe,EACfC,OAAqC,EACnB;EAClB;EACA;EACA,IAAIA,OAAO,KAAK,SAAS,EAAE;IACzB,OAAO;MACLC,EAAE,EAAE,aAAa;MACjBC,MAAM,EAAEN,SAAS,CAACG,OAAO,EAAEF,uBAAuB,CAAC;MACnDM,WAAW,EAAE,CAAC;MACdC,EAAE,EAAEL;IACN,CAAC;EACH;EACA,IAAIC,OAAO,KAAK,MAAM,EAAE;IACtB,MAAMC,EAAE,GAAGL,SAAS,CAACG,OAAO,EAAEF,uBAAuB,CAAC;IACtD,OAAO;MAAEI,EAAE;MAAEC,MAAM,EAAED,EAAE;MAAEE,WAAW,EAAE,CAAC;MAAEC,EAAE,EAAEL;IAAQ,CAAC;EACxD;EACA,OAAO;IACLE,EAAE,EAAEF,OAAO;IACXG,MAAM,EAAEH,OAAO;IACfI,WAAW,EAAE,CAAC;IACdC,EAAE,EAAET,UAAU,CAACI,OAAO;EACxB,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { View } from "react-native-unistyles/components/native/View";
|
|
3
4
|
import { forwardRef } from 'react';
|
|
4
|
-
import { View } from 'react-native';
|
|
5
5
|
import { StyleSheet } from 'react-native-unistyles';
|
|
6
6
|
import { Icon } from "../icon/index.js";
|
|
7
7
|
import { Text } from "../text/index.js";
|
|
@@ -64,40 +64,43 @@ export const EmptyState = /*#__PURE__*/forwardRef(function EmptyState({
|
|
|
64
64
|
style,
|
|
65
65
|
...rest
|
|
66
66
|
}, ref) {
|
|
67
|
-
styles
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
children: /*#__PURE__*/_jsx(
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
67
|
+
const _styles = styles;
|
|
68
|
+
{
|
|
69
|
+
const styles = _styles.useVariants({
|
|
70
|
+
size,
|
|
71
|
+
fill
|
|
72
|
+
});
|
|
73
|
+
const typography = TYPOGRAPHY[size];
|
|
74
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
75
|
+
ref: ref,
|
|
76
|
+
style: [styles.root, style],
|
|
77
|
+
...rest,
|
|
78
|
+
children: [media ?? (icon ? /*#__PURE__*/_jsx(View, {
|
|
79
|
+
style: styles.iconBadge,
|
|
80
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
81
|
+
name: icon,
|
|
82
|
+
size: ICON_SIZE[size],
|
|
83
|
+
color: iconColor
|
|
84
|
+
})
|
|
85
|
+
}) : null), /*#__PURE__*/_jsxs(View, {
|
|
86
|
+
style: styles.text,
|
|
87
|
+
children: [renderSlot(title, value => /*#__PURE__*/_jsx(Text, {
|
|
88
|
+
weight: "semibold",
|
|
89
|
+
variant: typography.title,
|
|
90
|
+
align: "center",
|
|
91
|
+
children: value
|
|
92
|
+
})), renderSlot(description, value => /*#__PURE__*/_jsx(Text, {
|
|
93
|
+
variant: typography.description,
|
|
94
|
+
color: "text.subtle",
|
|
95
|
+
align: "center",
|
|
96
|
+
children: value
|
|
97
|
+
}))]
|
|
98
|
+
}), action ? /*#__PURE__*/_jsx(View, {
|
|
99
|
+
style: styles.actions,
|
|
100
|
+
children: action
|
|
101
|
+
}) : null]
|
|
102
|
+
});
|
|
103
|
+
}
|
|
101
104
|
});
|
|
102
105
|
|
|
103
106
|
// ─── Styles ───────────────────────────────────────────────────────────────────
|
|
@@ -140,7 +143,8 @@ const styles = StyleSheet.create(theme => ({
|
|
|
140
143
|
paddingHorizontal: theme.spacing['6']
|
|
141
144
|
}
|
|
142
145
|
}
|
|
143
|
-
}
|
|
146
|
+
},
|
|
147
|
+
uni__dependencies: [0, 4]
|
|
144
148
|
},
|
|
145
149
|
iconBadge: {
|
|
146
150
|
alignItems: 'center',
|
|
@@ -159,7 +163,8 @@ const styles = StyleSheet.create(theme => ({
|
|
|
159
163
|
padding: theme.spacing['5']
|
|
160
164
|
}
|
|
161
165
|
}
|
|
162
|
-
}
|
|
166
|
+
},
|
|
167
|
+
uni__dependencies: [0, 4]
|
|
163
168
|
},
|
|
164
169
|
text: {
|
|
165
170
|
alignItems: 'center',
|
|
@@ -175,7 +180,8 @@ const styles = StyleSheet.create(theme => ({
|
|
|
175
180
|
gap: theme.spacing['2']
|
|
176
181
|
}
|
|
177
182
|
}
|
|
178
|
-
}
|
|
183
|
+
},
|
|
184
|
+
uni__dependencies: [0, 4]
|
|
179
185
|
},
|
|
180
186
|
actions: {
|
|
181
187
|
alignItems: 'center',
|
|
@@ -194,7 +200,8 @@ const styles = StyleSheet.create(theme => ({
|
|
|
194
200
|
marginTop: theme.spacing['2']
|
|
195
201
|
}
|
|
196
202
|
}
|
|
197
|
-
}
|
|
203
|
+
},
|
|
204
|
+
uni__dependencies: [0, 4]
|
|
198
205
|
}
|
|
199
206
|
}));
|
|
200
207
|
//# sourceMappingURL=EmptyState.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","
|
|
1
|
+
{"version":3,"names":["forwardRef","StyleSheet","Icon","Text","jsx","_jsx","jsxs","_jsxs","TYPOGRAPHY","sm","title","description","md","lg","ICON_SIZE","renderSlot","node","wrap","undefined","EmptyState","icon","iconColor","media","action","size","fill","style","rest","ref","_styles","styles","useVariants","typography","View","root","children","iconBadge","name","color","text","value","weight","variant","align","actions","create","theme","alignItems","justifyContent","variants","true","flex","alignSelf","false","gap","spacing","paddingVertical","paddingHorizontal","uni__dependencies","backgroundColor","borderRadius","radius","full","padding","marginTop"],"sourceRoot":"../../../../src","sources":["components/empty-state/EmptyState.tsx"],"mappings":"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","ignoreList":[]}
|