react-native-terra-ui 0.11.5 → 0.11.6
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 +7 -0
- package/lib/module/components/chip/Chip.js +25 -8
- package/lib/module/components/chip/Chip.js.map +1 -1
- package/lib/module/components/chip/utils.js +1 -1
- package/lib/module/components/chip/utils.js.map +1 -1
- package/lib/module/components/header/index.js.map +1 -1
- package/lib/module/components/header/parts/HeaderAccessory.js +55 -0
- package/lib/module/components/header/parts/HeaderAccessory.js.map +1 -0
- package/lib/module/components/header/parts/HeaderSurface.js +65 -0
- package/lib/module/components/header/parts/HeaderSurface.js.map +1 -0
- package/lib/module/components/header/types.js +2 -0
- package/lib/module/components/header/types.js.map +1 -0
- package/lib/module/components/header/variants/LargeTitleHeader/index.js +30 -28
- package/lib/module/components/header/variants/LargeTitleHeader/index.js.map +1 -1
- package/lib/module/components/header/variants/TitleHeader/index.js +28 -27
- package/lib/module/components/header/variants/TitleHeader/index.js.map +1 -1
- package/lib/module/components/screen/ScreenContext.js +10 -1
- package/lib/module/components/screen/ScreenContext.js.map +1 -1
- package/lib/module/components/screen/ScreenList.js +5 -3
- package/lib/module/components/screen/ScreenList.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/typescript/src/components/chip/Chip.d.ts +8 -0
- package/lib/typescript/src/components/chip/Chip.d.ts.map +1 -1
- package/lib/typescript/src/components/chip/utils.d.ts +6 -1
- package/lib/typescript/src/components/chip/utils.d.ts.map +1 -1
- package/lib/typescript/src/components/header/index.d.ts +1 -0
- package/lib/typescript/src/components/header/index.d.ts.map +1 -1
- package/lib/typescript/src/components/header/parts/HeaderAccessory.d.ts +19 -0
- package/lib/typescript/src/components/header/parts/HeaderAccessory.d.ts.map +1 -0
- package/lib/typescript/src/components/header/parts/HeaderSurface.d.ts +24 -0
- package/lib/typescript/src/components/header/parts/HeaderSurface.d.ts.map +1 -0
- package/lib/typescript/src/components/header/types.d.ts +11 -0
- package/lib/typescript/src/components/header/types.d.ts.map +1 -0
- package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts +1 -1
- package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts.map +1 -1
- package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts +15 -1
- package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/ScreenContext.d.ts +15 -0
- package/lib/typescript/src/components/screen/ScreenContext.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/ScreenList.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/ScreenScrollView.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/chip/Chip.tsx +22 -9
- package/src/components/chip/utils.ts +7 -2
- package/src/components/header/index.ts +1 -0
- package/src/components/header/parts/HeaderAccessory.tsx +57 -0
- package/src/components/header/parts/HeaderSurface.tsx +65 -0
- package/src/components/header/types.ts +10 -0
- package/src/components/header/variants/LargeTitleHeader/index.tsx +33 -32
- package/src/components/header/variants/TitleHeader/index.tsx +35 -21
- package/src/components/screen/ScreenContext.tsx +26 -0
- package/src/components/screen/ScreenList.tsx +8 -3
- package/src/components/screen/ScreenScrollView.tsx +12 -3
|
@@ -29,6 +29,7 @@ export function ScreenScrollProvider({
|
|
|
29
29
|
hasHeader = false
|
|
30
30
|
}) {
|
|
31
31
|
const scrollY = useSharedValue(0);
|
|
32
|
+
const [headerAccessoryHeight, setAccessoryHeight] = useState(0);
|
|
32
33
|
const headerCollapseHeight = useSharedValue(0);
|
|
33
34
|
const [headerSnapOffsets, setHeaderSnapOffsets] = useState();
|
|
34
35
|
const scrollRef = useAnimatedRef();
|
|
@@ -37,6 +38,12 @@ export function ScreenScrollProvider({
|
|
|
37
38
|
headerCollapseHeight.value = rounded;
|
|
38
39
|
setHeaderSnapOffsets(rounded > 0 ? [0, rounded] : undefined);
|
|
39
40
|
}, [headerCollapseHeight]);
|
|
41
|
+
|
|
42
|
+
// Rounded so a subpixel layout measurement cannot loop the content padding
|
|
43
|
+
// against the layout that produced it.
|
|
44
|
+
const setHeaderAccessoryHeight = useCallback(height => {
|
|
45
|
+
setAccessoryHeight(Math.max(0, Math.round(height)));
|
|
46
|
+
}, []);
|
|
40
47
|
const scrollHandler = useAnimatedScrollHandler({
|
|
41
48
|
onScroll: event => {
|
|
42
49
|
scrollY.value = event.contentOffset.y;
|
|
@@ -51,13 +58,15 @@ export function ScreenScrollProvider({
|
|
|
51
58
|
platformInsetsEligible,
|
|
52
59
|
margins: contentPadding,
|
|
53
60
|
hasHeader,
|
|
61
|
+
headerAccessoryHeight,
|
|
62
|
+
setHeaderAccessoryHeight,
|
|
54
63
|
scrollY,
|
|
55
64
|
headerCollapseHeight,
|
|
56
65
|
headerSnapOffsets,
|
|
57
66
|
setHeaderCollapseHeight,
|
|
58
67
|
scrollRef,
|
|
59
68
|
scrollHandler
|
|
60
|
-
}), [background, contentPadding, safeArea, contentOwnsBottomInset, platformAdjustsInsets, platformInsetsEligible, hasHeader, scrollY, headerCollapseHeight, headerSnapOffsets, setHeaderCollapseHeight, scrollRef, scrollHandler]);
|
|
69
|
+
}), [background, contentPadding, safeArea, contentOwnsBottomInset, platformAdjustsInsets, platformInsetsEligible, hasHeader, headerAccessoryHeight, setHeaderAccessoryHeight, scrollY, headerCollapseHeight, headerSnapOffsets, setHeaderCollapseHeight, scrollRef, scrollHandler]);
|
|
61
70
|
return /*#__PURE__*/_jsx(ScreenContext.Provider, {
|
|
62
71
|
value: value,
|
|
63
72
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","useCallback","useContext","useMemo","useState","useAnimatedRef","useAnimatedScrollHandler","useSharedValue","jsx","_jsx","SCREEN_HEADER_PORTAL_HOST","ScreenContext","ScreenScrollProvider","background","children","contentPadding","safeArea","contentOwnsBottomInset","platformAdjustsInsets","platformInsetsEligible","hasHeader","scrollY","headerCollapseHeight","headerSnapOffsets","setHeaderSnapOffsets","scrollRef","setHeaderCollapseHeight","height","rounded","Math","round","value","undefined","scrollHandler","onScroll","event","contentOffset","y","margins","Provider","useScreen","context","Error"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenContext.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAkBC,WAAW,EAAEC,UAAU,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAEjG,SAIEC,cAAc,EACdC,wBAAwB,EACxBC,cAAc,QACT,yBAAyB;;AAIhC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGA;AACA,OAAO,MAAMC,yBAAyB,GAAG,eAAe;;AAExD;;
|
|
1
|
+
{"version":3,"names":["createContext","useCallback","useContext","useMemo","useState","useAnimatedRef","useAnimatedScrollHandler","useSharedValue","jsx","_jsx","SCREEN_HEADER_PORTAL_HOST","ScreenContext","ScreenScrollProvider","background","children","contentPadding","safeArea","contentOwnsBottomInset","platformAdjustsInsets","platformInsetsEligible","hasHeader","scrollY","headerAccessoryHeight","setAccessoryHeight","headerCollapseHeight","headerSnapOffsets","setHeaderSnapOffsets","scrollRef","setHeaderCollapseHeight","height","rounded","Math","round","value","undefined","setHeaderAccessoryHeight","max","scrollHandler","onScroll","event","contentOffset","y","margins","Provider","useScreen","context","Error"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenContext.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -62,6 +62,7 @@ const ScreenListBase = /*#__PURE__*/forwardRef(function ScreenList({
|
|
|
62
62
|
headerSnapOffsets,
|
|
63
63
|
contentPadding: screenPadding,
|
|
64
64
|
hasHeader,
|
|
65
|
+
headerAccessoryHeight,
|
|
65
66
|
contentOwnsBottomInset,
|
|
66
67
|
platformAdjustsInsets
|
|
67
68
|
} = useScreen();
|
|
@@ -106,7 +107,7 @@ const ScreenListBase = /*#__PURE__*/forwardRef(function ScreenList({
|
|
|
106
107
|
contentInsetAdjustmentBehavior: platformAdjustsInsets ? "automatic" : "never",
|
|
107
108
|
automaticallyAdjustContentInsets: false,
|
|
108
109
|
automaticallyAdjustsScrollIndicatorInsets: false,
|
|
109
|
-
contentContainerStyle: [styles.content(resolvedPadding, hasHeader, bottomInset, extraBottomPadding), contentContainerStyle],
|
|
110
|
+
contentContainerStyle: [styles.content(resolvedPadding, hasHeader, bottomInset, extraBottomPadding, headerAccessoryHeight), contentContainerStyle],
|
|
110
111
|
ListHeaderComponent: header,
|
|
111
112
|
ListFooterComponent: footer,
|
|
112
113
|
ListEmptyComponent: placeholder ?? ListEmptyComponent,
|
|
@@ -139,14 +140,15 @@ const ScreenListBase = /*#__PURE__*/forwardRef(function ScreenList({
|
|
|
139
140
|
export const ScreenList = ScreenListBase;
|
|
140
141
|
ScreenList.displayName = "Screen.List";
|
|
141
142
|
const styles = StyleSheet.create((theme, runtime) => ({
|
|
142
|
-
content: (padding, hasHeader, bottomInset, extraBottomPadding) => {
|
|
143
|
+
content: (padding, hasHeader, bottomInset, extraBottomPadding, accessoryHeight) => {
|
|
143
144
|
const {
|
|
144
145
|
x,
|
|
145
146
|
y
|
|
146
147
|
} = resolveScreenPadding(theme, runtime.breakpoint);
|
|
147
148
|
return {
|
|
148
149
|
flexGrow: 1,
|
|
149
|
-
|
|
150
|
+
// The theme height covers the bar; an accessory pinned under it is extra.
|
|
151
|
+
paddingTop: (hasHeader ? theme.layout.header.height + accessoryHeight : 0) + (hasVerticalPadding(padding) ? y : 0),
|
|
150
152
|
paddingHorizontal: hasHorizontalPadding(padding) ? x : 0,
|
|
151
153
|
paddingBottom: (bottomInset ?? (hasVerticalPadding(padding) ? y : 0)) + extraBottomPadding,
|
|
152
154
|
uni__dependencies: [0, 3]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useMemo","Animated","StyleSheet","resolveScreenPadding","PortalHost","useNestedContainerWarning","useScreenRef","useScreenScrollHandler","ScreenBottomInset","renderScreenPlaceholder","SCREEN_HEADER_PORTAL_HOST","useScreen","hasHorizontalPadding","hasVerticalPadding","renderListComponent","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ScreenListBase","ScreenList","as","data","renderItem","style","contentContainerStyle","ListHeaderComponent","ListFooterComponent","ListEmptyComponent","horizontal","isLoading","loading","loadingContent","LoadingComponent","emptyContent","EmptyComponent","contentPadding","margins","bottomInset","extraBottomPadding","scrollHandler","externalScrollHandler","onScroll","rest","ref","isDefaultFlatList","undefined","FlatList","Component","AnimatedComponent","createAnimatedComponent","background","scrollRef","headerSnapOffsets","screenPadding","hasHeader","contentOwnsBottomInset","platformAdjustsInsets","ownsBottomInset","mergedRef","resolvedPadding","resolvedLoading","placeholder","isEmpty","length","composedScrollHandler","header","children","View","styles","headerWrapper","name","footer","backgroundColor","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","automaticallyAdjustsScrollIndicatorInsets","content","showsVerticalScrollIndicator","scrollEventThrottle","snapToOffsets","displayName","create","theme","runtime","padding","x","y","breakpoint","flexGrow","paddingTop","layout","height","paddingHorizontal","paddingBottom","uni__dependencies","marginHorizontal"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenList.tsx"],"mappings":";;;;AAAA,SAKEA,UAAU,EAIVC,OAAO,QACF,OAAO;AAGd,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,oBAAoB;AAC7B,SAASC,UAAU;AACnB,SAASC,yBAAyB;AAClC,SAASC,YAAY;AACrB,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,uBAAuB;AAChC,SAASC,yBAAyB,EAAEC,SAAS;AAE7C,SAASC,oBAAoB,EAAEC,kBAAkB,EAAEC,mBAAmB;;AAEtE;;AAKA;;AAgBA;;AAyBA;;AA+BA;;AAiBA;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAiBA,MAAMC,cAAc,gBAAGtB,UAAU,CAAC,SAASuB,UAAUA,CACnD;EACEC,EAAE;EACFC,IAAI;EACJC,UAAU;EACVC,KAAK;EACLC,qBAAqB;EACrBC,mBAAmB;EACnBC,mBAAmB;EACnBC,kBAAkB;EAClBC,UAAU,GAAG,KAAK;EAClBC,SAAS;EACTC,OAAO,GAAG,KAAK;EACfC,cAAc;EACdC,gBAAgB;EAChBC,YAAY;EACZC,cAAc;EACdC,cAAc;EACdC,OAAO;EACPC,WAAW;EACXC,kBAAkB,GAAG,CAAC;EACtBC,aAAa,EAAEC,qBAAqB;EACpCC,QAAQ;EACR,GAAGC;AACgB,CAAC,EACtBC,GAAiB,EACjB;EACA,MAAMC,iBAAiB,GAAGxB,EAAE,KAAKyB,SAAS,IAAIzB,EAAE,KAAK0B,QAAQ;EAC7D,MAAMC,SAAS,GAAI3B,EAAE,IAAI0B,QAAmD;EAC5E;EACA,MAAME,iBAAiB,GAAGnD,OAAO,CAAC,MAAMC,QAAQ,CAACmD,uBAAuB,CAACF,SAAS,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EACjG,MAAM;IACJG,UAAU;IACVC,SAAS;IACTZ,aAAa;IACba,iBAAiB;IACjBjB,cAAc,EAAEkB,aAAa;IAC7BC,SAAS;IACTC,sBAAsB;IACtBC;EACF,CAAC,
|
|
1
|
+
{"version":3,"names":["forwardRef","useMemo","Animated","StyleSheet","resolveScreenPadding","PortalHost","useNestedContainerWarning","useScreenRef","useScreenScrollHandler","ScreenBottomInset","renderScreenPlaceholder","SCREEN_HEADER_PORTAL_HOST","useScreen","hasHorizontalPadding","hasVerticalPadding","renderListComponent","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ScreenListBase","ScreenList","as","data","renderItem","style","contentContainerStyle","ListHeaderComponent","ListFooterComponent","ListEmptyComponent","horizontal","isLoading","loading","loadingContent","LoadingComponent","emptyContent","EmptyComponent","contentPadding","margins","bottomInset","extraBottomPadding","scrollHandler","externalScrollHandler","onScroll","rest","ref","isDefaultFlatList","undefined","FlatList","Component","AnimatedComponent","createAnimatedComponent","background","scrollRef","headerSnapOffsets","screenPadding","hasHeader","headerAccessoryHeight","contentOwnsBottomInset","platformAdjustsInsets","ownsBottomInset","mergedRef","resolvedPadding","resolvedLoading","placeholder","isEmpty","length","composedScrollHandler","header","children","View","styles","headerWrapper","name","footer","backgroundColor","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","automaticallyAdjustsScrollIndicatorInsets","content","showsVerticalScrollIndicator","scrollEventThrottle","snapToOffsets","displayName","create","theme","runtime","padding","accessoryHeight","x","y","breakpoint","flexGrow","paddingTop","layout","height","paddingHorizontal","paddingBottom","uni__dependencies","marginHorizontal"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenList.tsx"],"mappings":";;;;AAAA,SAKEA,UAAU,EAIVC,OAAO,QACF,OAAO;AAGd,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,oBAAoB;AAC7B,SAASC,UAAU;AACnB,SAASC,yBAAyB;AAClC,SAASC,YAAY;AACrB,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,uBAAuB;AAChC,SAASC,yBAAyB,EAAEC,SAAS;AAE7C,SAASC,oBAAoB,EAAEC,kBAAkB,EAAEC,mBAAmB;;AAEtE;;AAKA;;AAgBA;;AAyBA;;AA+BA;;AAiBA;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAiBA,MAAMC,cAAc,gBAAGtB,UAAU,CAAC,SAASuB,UAAUA,CACnD;EACEC,EAAE;EACFC,IAAI;EACJC,UAAU;EACVC,KAAK;EACLC,qBAAqB;EACrBC,mBAAmB;EACnBC,mBAAmB;EACnBC,kBAAkB;EAClBC,UAAU,GAAG,KAAK;EAClBC,SAAS;EACTC,OAAO,GAAG,KAAK;EACfC,cAAc;EACdC,gBAAgB;EAChBC,YAAY;EACZC,cAAc;EACdC,cAAc;EACdC,OAAO;EACPC,WAAW;EACXC,kBAAkB,GAAG,CAAC;EACtBC,aAAa,EAAEC,qBAAqB;EACpCC,QAAQ;EACR,GAAGC;AACgB,CAAC,EACtBC,GAAiB,EACjB;EACA,MAAMC,iBAAiB,GAAGxB,EAAE,KAAKyB,SAAS,IAAIzB,EAAE,KAAK0B,QAAQ;EAC7D,MAAMC,SAAS,GAAI3B,EAAE,IAAI0B,QAAmD;EAC5E;EACA,MAAME,iBAAiB,GAAGnD,OAAO,CAAC,MAAMC,QAAQ,CAACmD,uBAAuB,CAACF,SAAS,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EACjG,MAAM;IACJG,UAAU;IACVC,SAAS;IACTZ,aAAa;IACba,iBAAiB;IACjBjB,cAAc,EAAEkB,aAAa;IAC7BC,SAAS;IACTC,qBAAqB;IACrBC,sBAAsB;IACtBC;EACF,CAAC,GAAGjD,SAAS,CAAC,CAAC;EACf;EACA;EACA,MAAMkD,eAAe,GAAGF,sBAAsB,IAAI,CAAC5B,UAAU;EAC7D1B,yBAAyB,CAAC,aAAa,EAAE0B,UAAU,CAAC;EACpD,MAAM+B,SAAS,GAAGxD,YAAY,CAACyC,iBAAiB,GAAGO,SAAS,GAAGN,SAAS,EAAEF,GAAG,CAAC;EAC9E,MAAMiB,eAAe,GAAGzB,cAAc,IAAIC,OAAO,IAAIiB,aAAa;EAClE,MAAMQ,eAAe,GAAGhC,SAAS,IAAIC,OAAO;EAC5C,MAAMgC,WAAW,GAAGxD,uBAAuB,CAAC;IAC1CuB,SAAS,EAAEgC,eAAe;IAC1B9B,cAAc,EAAEA,cAAc,KAAKc,SAAS,GAAGd,cAAc,GAAIC,gBAAgB,IAAIa,SAAU;IAC/FZ,YAAY,EAAEA,YAAY,KAAKY,SAAS,GAAGZ,YAAY,GAAGC,cAAc;IACxE6B,OAAO,EAAE,CAAC1C,IAAI,IAAIA,IAAI,CAAC2C,MAAM,KAAK;EACpC,CAAC,CAAC;EACF,MAAMC,qBAAqB,GAAG7D,sBAAsB,CAACmC,aAAa,EAAEE,QAAQ,EAAED,qBAAqB,CAAC;EACpG,MAAM0B,MAAM,gBACVjD,KAAA,CAAAF,SAAA;IAAAoD,QAAA,gBACEtD,IAAA,CAACuD,IAAI;MAAC7C,KAAK,EAAE8C,MAAM,CAACC,aAAa,CAACV,eAAe,CAAE;MAAAO,QAAA,eACjDtD,IAAA,CAACZ,UAAU;QAACsE,IAAI,EAAEhE;MAA0B,CAAE;IAAC,CAC3C,CAAC,EACNI,mBAAmB,CAACc,mBAAmB,CAAC;EAAA,CACzC,CACH;EACD,MAAM+C,MAAM,GAAGd,eAAe,gBAC5BzC,KAAA,CAAAF,SAAA;IAAAoD,QAAA,GACGxD,mBAAmB,CAACe,mBAAmB,CAAC,eACzCb,IAAA,CAACR,iBAAiB,IAAE,CAAC;EAAA,CACrB,CAAC,GAEHqB,mBACD;EAED,oBACEb,IAAA,CAACmC,iBAAiB;IAChBL,GAAG,EAAEgB,SAAU;IACftC,IAAI,EAAEwC,eAAe,GAAG,EAAE,GAAGxC,IAAK;IAClCC,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAE,CAAC;MAAEkD,eAAe,EAAEvB;IAAW,CAAC,EAAE3B,KAAK,CAAE;IAChDK,UAAU,EAAEA;IACZ;AACN;AACA;AACA;AACA,MAJM;IAKA8C,8BAA8B,EAAEjB,qBAAqB,GAAG,WAAW,GAAG,OAAQ;IAC9EkB,gCAAgC,EAAE,KAAM;IACxCC,yCAAyC,EAAE,KAAM;IACjDpD,qBAAqB,EAAE,CACrB6C,MAAM,CAACQ,OAAO,CAACjB,eAAe,EAAEN,SAAS,EAAEjB,WAAW,EAAEC,kBAAkB,EAAEiB,qBAAqB,CAAC,EAClG/B,qBAAqB,CACrB;IACFC,mBAAmB,EAAEyC,MAAO;IAC5BxC,mBAAmB,EAAE8C,MAAO;IAC5B7C,kBAAkB,EAAEmC,WAAW,IAAInC,kBAAmB;IACtDmD,4BAA4B,EAAE,KAAM;IACpCC,mBAAmB,EAAE,EAAG;IACxBC,aAAa,EAAE5B,iBAAkB;IAAA,GAC7BV,IAAI;IACRD,QAAQ,EAAEwB;EAAsB,CACjC,CAAC;AAEN,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM9C,UAAU,GAAGD,cAAqC;AAC/DC,UAAU,CAAC8D,WAAW,GAAG,aAAa;AAEtC,MAAMZ,MAAM,GAAGtE,UAAU,CAACmF,MAAM,CAAC,CAACC,KAAK,EAAEC,OAAO,MAAM;EACpDP,OAAO,EAAEA,CACPQ,OAA6B,EAC7B/B,SAAkB,EAClBjB,WAA+B,EAC/BC,kBAA0B,EAC1BgD,eAAuB,KACpB;IACH,MAAM;MAAEC,CAAC;MAAEC;IAAE,CAAC,GAAGxF,oBAAoB,CAACmF,KAAK,EAAEC,OAAO,CAACK,UAAU,CAAC;IAChE,OAAO;MACLC,QAAQ,EAAE,CAAC;MACX;MACAC,UAAU,EACR,CAACrC,SAAS,GAAG6B,KAAK,CAACS,MAAM,CAAC1B,MAAM,CAAC2B,MAAM,GAAGP,eAAe,GAAG,CAAC,KAC5D5E,kBAAkB,CAAC2E,OAAO,CAAC,GAAGG,CAAC,GAAG,CAAC,CAAC;MACvCM,iBAAiB,EAAErF,oBAAoB,CAAC4E,OAAO,CAAC,GAAGE,CAAC,GAAG,CAAC;MACxDQ,aAAa,EAAE,CAAC1D,WAAW,KAAK3B,kBAAkB,CAAC2E,OAAO,CAAC,GAAGG,CAAC,GAAG,CAAC,CAAC,IAAIlD,kBAAkB;MAAA0D,iBAAA;IAC5F,CAAC;EACH,CAAC;EACD1B,aAAa,EAAGe,OAA6B,KAAM;IACjDY,gBAAgB,EAAExF,oBAAoB,CAAC4E,OAAO,CAAC,GAAG,CAACrF,oBAAoB,CAACmF,KAAK,EAAEC,OAAO,CAACK,UAAU,CAAC,CAACF,CAAC,GAAG,CAAC;IAAAS,iBAAA;EAC1G,CAAC;AACH,CAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -58,6 +58,7 @@ export const ScreenScrollView = /*#__PURE__*/forwardRef(function ScreenScrollVie
|
|
|
58
58
|
scrollHandler,
|
|
59
59
|
contentPadding: screenPadding,
|
|
60
60
|
hasHeader,
|
|
61
|
+
headerAccessoryHeight,
|
|
61
62
|
background,
|
|
62
63
|
contentOwnsBottomInset,
|
|
63
64
|
platformAdjustsInsets
|
|
@@ -91,7 +92,7 @@ export const ScreenScrollView = /*#__PURE__*/forwardRef(function ScreenScrollVie
|
|
|
91
92
|
automaticallyAdjustsScrollIndicatorInsets: false,
|
|
92
93
|
showsVerticalScrollIndicator: false,
|
|
93
94
|
scrollEventThrottle: 16,
|
|
94
|
-
contentContainerStyle: [styles.scrollContent(hasHeader, resolvedPadding, extraBottomPadding), contentContainerStyle],
|
|
95
|
+
contentContainerStyle: [styles.scrollContent(hasHeader, resolvedPadding, extraBottomPadding, headerAccessoryHeight), contentContainerStyle],
|
|
95
96
|
...rest,
|
|
96
97
|
onScroll: composedScrollHandler,
|
|
97
98
|
children: [/*#__PURE__*/_jsx(View, {
|
|
@@ -107,14 +108,15 @@ export const ScreenScrollView = /*#__PURE__*/forwardRef(function ScreenScrollVie
|
|
|
107
108
|
});
|
|
108
109
|
ScreenScrollView.displayName = "Screen.ScrollView";
|
|
109
110
|
const styles = StyleSheet.create((theme, runtime) => ({
|
|
110
|
-
scrollContent: (hasHeader, padding, extraBottomPadding) => {
|
|
111
|
+
scrollContent: (hasHeader, padding, extraBottomPadding, accessoryHeight) => {
|
|
111
112
|
const {
|
|
112
113
|
x,
|
|
113
114
|
y
|
|
114
115
|
} = resolveScreenPadding(theme, runtime.breakpoint);
|
|
115
116
|
return {
|
|
116
117
|
flexGrow: 1,
|
|
117
|
-
|
|
118
|
+
// The theme height covers the bar; an accessory pinned under it is extra.
|
|
119
|
+
paddingTop: (hasHeader ? theme.layout.header.height + accessoryHeight : 0) + (hasVerticalPadding(padding) ? y : 0),
|
|
118
120
|
paddingHorizontal: hasHorizontalPadding(padding) ? x : 0,
|
|
119
121
|
paddingBottom: (hasVerticalPadding(padding) ? y : 0) + extraBottomPadding,
|
|
120
122
|
uni__dependencies: [0, 3]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Children","forwardRef","Animated","StyleSheet","resolveScreenPadding","PortalHost","useNestedContainerWarning","useScreenRef","useScreenScrollHandler","ScreenBottomInset","renderScreenPlaceholder","SCREEN_HEADER_PORTAL_HOST","useScreen","hasHorizontalPadding","hasVerticalPadding","jsx","_jsx","jsxs","_jsxs","ScreenScrollView","children","style","contentContainerStyle","contentStyle","scrollHandler","externalScrollHandler","onScroll","horizontal","isLoading","loading","loadingContent","LoadingComponent","emptyContent","EmptyComponent","contentPadding","margins","extraBottomPadding","isEmpty","rest","ref","scrollRef","screenPadding","hasHeader","background","contentOwnsBottomInset","platformAdjustsInsets","ownsBottomInset","resolvedPadding","mergedRef","placeholder","undefined","toArray","length","composedScrollHandler","ScrollView","backgroundColor","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","automaticallyAdjustsScrollIndicatorInsets","showsVerticalScrollIndicator","scrollEventThrottle","styles","scrollContent","View","headerWrapper","name","content","displayName","create","theme","runtime","padding","x","y","breakpoint","flexGrow","paddingTop","layout","header","height","paddingHorizontal","paddingBottom","uni__dependencies","marginHorizontal","flexDirection"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenScrollView.tsx"],"mappings":";;;AAAA,SAASA,QAAQ,EAAqBC,UAAU,QAAwB,OAAO;AAG/E,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,oBAAoB;AAC7B,SAASC,UAAU;AACnB,SAASC,yBAAyB;AAClC,SAASC,YAAY;AACrB,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAC1B,SAASC,uBAAuB;AAChC,SAASC,yBAAyB,EAAEC,SAAS;AAE7C,SAASC,oBAAoB,EAAEC,kBAAkB;;AAEjD;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,gBAAGlB,UAAU,CACxC,SAASkB,gBAAgBA,CACvB;EACEC,QAAQ;EACRC,KAAK;EACLC,qBAAqB;EACrBC,YAAY;EACZC,aAAa,EAAEC,qBAAqB;EACpCC,QAAQ;EACRC,UAAU,GAAG,KAAK;EAClBC,SAAS;EACTC,OAAO,GAAG,KAAK;EACfC,cAAc;EACdC,gBAAgB;EAChBC,YAAY;EACZC,cAAc;EACdC,cAAc;EACdC,OAAO;EACPC,kBAAkB,GAAG,CAAC;EACtBC,OAAO;EACP,GAAGC;AACL,CAAC,EACDC,GAAG,EACH;EACA,MAAM;IACJC,SAAS;IACThB,aAAa;IACbU,cAAc,EAAEO,aAAa;IAC7BC,SAAS;IACTC,UAAU;IACVC,sBAAsB;IACtBC;EACF,CAAC,
|
|
1
|
+
{"version":3,"names":["Children","forwardRef","Animated","StyleSheet","resolveScreenPadding","PortalHost","useNestedContainerWarning","useScreenRef","useScreenScrollHandler","ScreenBottomInset","renderScreenPlaceholder","SCREEN_HEADER_PORTAL_HOST","useScreen","hasHorizontalPadding","hasVerticalPadding","jsx","_jsx","jsxs","_jsxs","ScreenScrollView","children","style","contentContainerStyle","contentStyle","scrollHandler","externalScrollHandler","onScroll","horizontal","isLoading","loading","loadingContent","LoadingComponent","emptyContent","EmptyComponent","contentPadding","margins","extraBottomPadding","isEmpty","rest","ref","scrollRef","screenPadding","hasHeader","headerAccessoryHeight","background","contentOwnsBottomInset","platformAdjustsInsets","ownsBottomInset","resolvedPadding","mergedRef","placeholder","undefined","toArray","length","composedScrollHandler","ScrollView","backgroundColor","contentInsetAdjustmentBehavior","automaticallyAdjustContentInsets","automaticallyAdjustsScrollIndicatorInsets","showsVerticalScrollIndicator","scrollEventThrottle","styles","scrollContent","View","headerWrapper","name","content","displayName","create","theme","runtime","padding","accessoryHeight","x","y","breakpoint","flexGrow","paddingTop","layout","header","height","paddingHorizontal","paddingBottom","uni__dependencies","marginHorizontal","flexDirection"],"sourceRoot":"../../../../src","sources":["components/screen/ScreenScrollView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,6 +6,14 @@ export interface ChipProps extends ViewProps {
|
|
|
6
6
|
size?: ChipSize;
|
|
7
7
|
variant?: ChipVariant;
|
|
8
8
|
color?: ChipColor;
|
|
9
|
+
/**
|
|
10
|
+
* Fill behind the chip, overriding the one its `variant` would paint.
|
|
11
|
+
*
|
|
12
|
+
* Only `outline` has a fill worth naming a default for — `'surface.default'`,
|
|
13
|
+
* so an outlined chip reads as a solid capsule rather than a ring over
|
|
14
|
+
* whatever it happens to sit on. Pass `'transparent'` to get the ring back.
|
|
15
|
+
*/
|
|
16
|
+
background?: ColorToken;
|
|
9
17
|
children?: ReactNode;
|
|
10
18
|
}
|
|
11
19
|
export interface ChipIconProps extends Omit<ViewProps, "children"> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0D,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAC3G,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAE,UAAU,EAAmB,aAAa,EAAE,MAAM,cAAc,CAAC;AAI/E,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AAGhE,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA6HD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,GAAI,8DAA8D,aAAa,gCAa5F,CAAC;AAgBF,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0D,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAC3G,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAE,UAAU,EAAmB,aAAa,EAAE,MAAM,cAAc,CAAC;AAI/E,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AAGhE,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA6HD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAChE,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,GAAI,8DAA8D,aAAa,gCAa5F,CAAC;AAgBF,QAAA,MAAM,QAAQ,uLAsCZ,CAAC;AAEH,KAAK,aAAa,GAAG,OAAO,QAAQ,GAAG;IACrC,IAAI,EAAE,OAAO,QAAQ,CAAC;CACvB,CAAC;AAiBF,eAAO,MAAM,IAAI,EAA8B,aAAa,CAAC"}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
export interface CustomChipColors {
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Undefined for `outline`, which takes the fill its style variant paints
|
|
4
|
+
* rather than deriving one — the outlined chip's fill is a surface, not a
|
|
5
|
+
* tint of the literal, so there is nothing here to derive it from.
|
|
6
|
+
*/
|
|
7
|
+
bg: string | undefined;
|
|
3
8
|
border: string;
|
|
4
9
|
borderWidth: number;
|
|
5
10
|
fg: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/utils.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/chip/utils.ts"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ;AAID,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GACpC,gBAAgB,CAqBlB"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { Header } from "./Header.js";
|
|
2
2
|
export { HeaderButton, type HeaderButtonProps, type HeaderDismissAction, HeaderDismissButton, type HeaderDismissNavigation, type HeaderDismissProps, } from "./header-buttons.js";
|
|
3
|
+
export type { HeaderAccessoryPadding } from "./types.js";
|
|
3
4
|
export type { LargeTitleHeaderProps } from "./variants/LargeTitleHeader/index.js";
|
|
4
5
|
export { LargeTitleHeader } from "./variants/LargeTitleHeader/index.js";
|
|
5
6
|
export type { TitleHeaderProps } from "./variants/TitleHeader/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAU,CAAC;AAClC,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,mBAAmB,EACnB,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,GACxB,MAAM,qBAAkB,CAAC;AAC1B,YAAY,EAAE,qBAAqB,EAAE,MAAM,sCAA6B,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAA6B,CAAC;AAC/D,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAwB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAwB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAU,CAAC;AAClC,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,EACxB,mBAAmB,EACnB,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,GACxB,MAAM,qBAAkB,CAAC;AAC1B,YAAY,EAAE,sBAAsB,EAAE,MAAM,YAAS,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,sCAA6B,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAA6B,CAAC;AAC/D,YAAY,EAAE,gBAAgB,EAAE,MAAM,iCAAwB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAwB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
import type { HeaderAccessoryPadding } from "../types.js";
|
|
3
|
+
export interface HeaderAccessoryProps {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
/** Horizontal padding around the accessory. */
|
|
6
|
+
padding: HeaderAccessoryPadding;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Pinned content below a header bar — a search field, a tab strip.
|
|
10
|
+
*
|
|
11
|
+
* Reports its measured height to the surrounding `Screen` so scroll containers
|
|
12
|
+
* reserve it above their content. The theme header height covers the bar alone
|
|
13
|
+
* and the accessory is whatever the caller passed, so nothing but a measurement
|
|
14
|
+
* can know how far down the content has to start.
|
|
15
|
+
*
|
|
16
|
+
* Outside a `Screen` there is nothing to report to and it simply renders.
|
|
17
|
+
*/
|
|
18
|
+
export declare function HeaderAccessory({ children, padding }: HeaderAccessoryProps): import("react").JSX.Element;
|
|
19
|
+
//# sourceMappingURL=HeaderAccessory.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderAccessory.d.ts","sourceRoot":"","sources":["../../../../../../src/components/header/parts/HeaderAccessory.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAsC,MAAM,OAAO,CAAC;AAM3E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAU,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,+CAA+C;IAC/C,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,oBAAoB,+BAqB1E"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type useAnimatedStyle } from "react-native-reanimated";
|
|
2
|
+
type HeaderOpacityStyle = ReturnType<typeof useAnimatedStyle<{
|
|
3
|
+
opacity: number;
|
|
4
|
+
}>>;
|
|
5
|
+
export interface HeaderSurfaceProps {
|
|
6
|
+
/** Fill color, fading to fully transparent along the bottom edge. */
|
|
7
|
+
color: string;
|
|
8
|
+
/** Opacity style for variants that fade the whole surface in as they collapse. */
|
|
9
|
+
animatedStyle?: HeaderOpacityStyle;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* The painted background behind a header — the bar, any accessory below it, and
|
|
13
|
+
* the fade that releases scrolling content at the bottom edge.
|
|
14
|
+
*
|
|
15
|
+
* Split into a flat fill and a fixed-height ramp rather than one gradient over
|
|
16
|
+
* the whole box, because {@link HeaderGradientOverlay}'s curve is expressed in
|
|
17
|
+
* fractions of its own height. Stretched over a tall accessory the fade would
|
|
18
|
+
* begin partway up it, and content passing behind would show through the thing
|
|
19
|
+
* the caller put there to be read. Pinning the ramp to the bar's height keeps it
|
|
20
|
+
* identical with or without an accessory, and everything above it stays solid.
|
|
21
|
+
*/
|
|
22
|
+
export declare function HeaderSurface({ color, animatedStyle }: HeaderSurfaceProps): import("react").JSX.Element;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=HeaderSurface.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderSurface.d.ts","sourceRoot":"","sources":["../../../../../../src/components/header/parts/HeaderSurface.tsx"],"names":[],"mappings":"AAEA,OAAiB,EAAE,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAK1E,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,CAAC;AAEnF,MAAM,WAAW,kBAAkB;IACjC,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,aAAa,CAAC,EAAE,kBAAkB,CAAC;CACpC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,kBAAkB,+BASzE"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Horizontal padding applied to a header accessory.
|
|
3
|
+
*
|
|
4
|
+
* - `'x'` — the screen's horizontal padding, matching the bar above it. What a
|
|
5
|
+
* field-shaped accessory (a search input, a segmented control) wants.
|
|
6
|
+
* - `'none'` — full bleed. What a horizontally scrolling accessory (a tab strip,
|
|
7
|
+
* a filter row) wants, so its content can run to the screen edge instead of
|
|
8
|
+
* being clipped at an inset the caller cannot scroll past.
|
|
9
|
+
*/
|
|
10
|
+
export type HeaderAccessoryPadding = "x" | "none";
|
|
11
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,MAAM,sBAAsB,GAAG,GAAG,GAAG,MAAM,CAAC"}
|
|
@@ -33,5 +33,5 @@ export interface LargeTitleHeaderProps extends TitleHeaderProps {
|
|
|
33
33
|
* </Screen.Header>
|
|
34
34
|
* ```
|
|
35
35
|
*/
|
|
36
|
-
export declare function LargeTitleHeader({ title, overline, subtitle, leadingActions, trailingActions, LeftToolbar, RightToolbar, dismissAction, navigation, onDismiss, titleAlignment, isLargeTitleHidden, background, bg, }: LargeTitleHeaderProps): import("react").JSX.Element;
|
|
36
|
+
export declare function LargeTitleHeader({ title, overline, subtitle, leadingActions, trailingActions, LeftToolbar, RightToolbar, accessory, accessoryPadding, dismissAction, navigation, onDismiss, titleAlignment, isLargeTitleHidden, background, bg, }: LargeTitleHeaderProps): import("react").JSX.Element;
|
|
37
37
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/LargeTitleHeader/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/LargeTitleHeader/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAgB,CAAC;AASvD,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CACpC;AA4DD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,eAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAS,EACT,gBAAsB,EACtB,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,kBAA0B,EAC1B,UAAU,EACV,EAAE,GACH,EAAE,qBAAqB,+BAmHvB"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
import type { ColorToken } from "../../../../theme/types";
|
|
3
3
|
import { type HeaderDismissProps } from "../../header-buttons.js";
|
|
4
|
+
import type { HeaderAccessoryPadding } from "../../types.js";
|
|
4
5
|
export interface TitleHeaderProps extends HeaderDismissProps {
|
|
5
6
|
/**
|
|
6
7
|
* A `string` (or `number`) is painted in the header's own title style. Any
|
|
@@ -22,6 +23,19 @@ export interface TitleHeaderProps extends HeaderDismissProps {
|
|
|
22
23
|
trailingActions?: ReactNode;
|
|
23
24
|
/** @deprecated Use trailingActions. */
|
|
24
25
|
RightToolbar?: ReactNode;
|
|
26
|
+
/**
|
|
27
|
+
* Content pinned directly below the bar — a search field, a scrollable tab
|
|
28
|
+
* strip, a filter row. It stays put while the screen scrolls, and the
|
|
29
|
+
* surrounding `Screen`'s scroll containers reserve its measured height so
|
|
30
|
+
* content starts below it rather than under it.
|
|
31
|
+
*/
|
|
32
|
+
accessory?: ReactNode;
|
|
33
|
+
/**
|
|
34
|
+
* Horizontal padding around `accessory`. Use `'none'` for content that should
|
|
35
|
+
* run to the screen edge, such as a horizontally scrolling tab strip.
|
|
36
|
+
* Defaults to `'x'`, matching the bar.
|
|
37
|
+
*/
|
|
38
|
+
accessoryPadding?: HeaderAccessoryPadding;
|
|
25
39
|
/** Title placement within the bar. Defaults to `'center'`. */
|
|
26
40
|
titleAlignment?: "center" | "left";
|
|
27
41
|
/** Color token for the top safe area and fading bar overlay. Defaults to the Screen background. */
|
|
@@ -46,5 +60,5 @@ export interface TitleHeaderProps extends HeaderDismissProps {
|
|
|
46
60
|
* </Screen.Header>
|
|
47
61
|
* ```
|
|
48
62
|
*/
|
|
49
|
-
export declare function TitleHeader({ title, leadingActions, trailingActions, LeftToolbar, RightToolbar, dismissAction, navigation, onDismiss, titleAlignment, background, bg, }: TitleHeaderProps): import("react").JSX.Element;
|
|
63
|
+
export declare function TitleHeader({ title, leadingActions, trailingActions, LeftToolbar, RightToolbar, accessory, accessoryPadding, dismissAction, navigation, onDismiss, titleAlignment, background, bg, }: TitleHeaderProps): import("react").JSX.Element;
|
|
50
64
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/TitleHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM/C,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,yBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/header/variants/TitleHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM/C,OAAO,EAAuB,KAAK,kBAAkB,EAAE,MAAM,yBAAsB,CAAC;AAGpF,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gBAAa,CAAC;AAG1D,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,sCAAsC;IACtC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,uCAAuC;IACvC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,8DAA8D;IAC9D,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,mGAAmG;IACnG,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,kCAAkC;IAClC,EAAE,CAAC,EAAE,UAAU,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,cAAc,EACd,eAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAS,EACT,gBAAsB,EACtB,aAAsB,EACtB,UAAU,EACV,SAAS,EACT,cAAyB,EACzB,UAAU,EACV,EAAE,GACH,EAAE,gBAAgB,+BAuDlB"}
|
|
@@ -51,6 +51,21 @@ export interface ScreenContextValue {
|
|
|
51
51
|
margins: ScreenContentPadding;
|
|
52
52
|
/** Whether a `Screen.Header` is present. Used by scroll containers to add top inset. */
|
|
53
53
|
hasHeader: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Measured height (dp) of the pinned accessory a header renders below its bar
|
|
56
|
+
* — a search field, a tab strip. Zero when there is none.
|
|
57
|
+
*
|
|
58
|
+
* The theme header height covers the bar alone, and an accessory is whatever
|
|
59
|
+
* the caller put there, so scroll containers reserve this on top of it. That
|
|
60
|
+
* is why it is measured rather than declared: only the accessory knows how
|
|
61
|
+
* tall it is, and it can change with Dynamic Type or its own content.
|
|
62
|
+
*/
|
|
63
|
+
headerAccessoryHeight: number;
|
|
64
|
+
/**
|
|
65
|
+
* Reports the measured accessory height. Called by the header that owns the
|
|
66
|
+
* accessory; zero releases the reserved space.
|
|
67
|
+
*/
|
|
68
|
+
setHeaderAccessoryHeight: (height: number) => void;
|
|
54
69
|
/** Vertical scroll offset, updated on the UI thread for header animations. */
|
|
55
70
|
scrollY: SharedValue<number>;
|
|
56
71
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/screen/ScreenContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAA8C,MAAM,OAAO,CAAC;AAElG,OAAO,QAAQ,EAAE,EACf,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,WAAW,EAIjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC;AAEpE,6EAA6E;AAC7E,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AAE/D,yDAAyD;AACzD,eAAO,MAAM,yBAAyB,kBAAkB,CAAC;AAEzD,gFAAgF;AAChF,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,cAAc,EAAE,oBAAoB,CAAC;IACrC,6EAA6E;IAC7E,QAAQ,EAAE,cAAc,CAAC;IACzB;;;;;;;;;OASG;IACH,sBAAsB,EAAE,OAAO,CAAC;IAChC;;;;;;;;;;OAUG;IACH,qBAAqB,EAAE,OAAO,CAAC;IAC/B;;;;;;;;OAQG;IACH,sBAAsB,EAAE,OAAO,CAAC;IAChC,sCAAsC;IACtC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,wFAAwF;IACxF,SAAS,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1C;;;OAGG;IACH,iBAAiB,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACxC,iGAAiG;IACjG,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,SAAS,EAAE,eAAe,CAAC;IAC3B,yDAAyD;IACzD,aAAa,EAAE,sBAAsB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/D,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,oDAAiD,CAAC;AAE5E,4DAA4D;AAC5D,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,sFAAsF;IACtF,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,qFAAqF;IACrF,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,0FAA0F;IAC1F,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,6EAA6E;IAC7E,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,UAA0B,EAC1B,QAAQ,EACR,cAAsB,EACtB,QAAiB,EACjB,sBAA8B,EAC9B,qBAA6B,EAC7B,sBAA8B,EAC9B,SAAiB,GAClB,EAAE,yBAAyB,+
|
|
1
|
+
{"version":3,"file":"ScreenContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/screen/ScreenContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAA8C,MAAM,OAAO,CAAC;AAElG,OAAO,QAAQ,EAAE,EACf,KAAK,WAAW,EAChB,KAAK,sBAAsB,EAC3B,KAAK,WAAW,EAIjB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,YAAS,CAAC;AAEpE,6EAA6E;AAC7E,MAAM,MAAM,eAAe,GAAG,WAAW,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AAE/D,yDAAyD;AACzD,eAAO,MAAM,yBAAyB,kBAAkB,CAAC;AAEzD,gFAAgF;AAChF,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,cAAc,EAAE,oBAAoB,CAAC;IACrC,6EAA6E;IAC7E,QAAQ,EAAE,cAAc,CAAC;IACzB;;;;;;;;;OASG;IACH,sBAAsB,EAAE,OAAO,CAAC;IAChC;;;;;;;;;;OAUG;IACH,qBAAqB,EAAE,OAAO,CAAC;IAC/B;;;;;;;;OAQG;IACH,sBAAsB,EAAE,OAAO,CAAC;IAChC,sCAAsC;IACtC,OAAO,EAAE,oBAAoB,CAAC;IAC9B,wFAAwF;IACxF,SAAS,EAAE,OAAO,CAAC;IACnB;;;;;;;;OAQG;IACH,qBAAqB,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,wBAAwB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,8EAA8E;IAC9E,OAAO,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1C;;;OAGG;IACH,iBAAiB,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IACxC,iGAAiG;IACjG,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,SAAS,EAAE,eAAe,CAAC;IAC3B,yDAAyD;IACzD,aAAa,EAAE,sBAAsB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/D,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,oDAAiD,CAAC;AAE5E,4DAA4D;AAC5D,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,sFAAsF;IACtF,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,qFAAqF;IACrF,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,0FAA0F;IAC1F,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,6EAA6E;IAC7E,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,UAA0B,EAC1B,QAAQ,EACR,cAAsB,EACtB,QAAiB,EACjB,sBAA8B,EAC9B,qBAA6B,EAC7B,sBAA8B,EAC9B,SAAiB,GAClB,EAAE,yBAAyB,+BAmE3B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,SAAS,IAAI,kBAAkB,CAM9C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenList.d.ts","sourceRoot":"","sources":["../../../../../src/components/screen/ScreenList.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ScreenList.d.ts","sourceRoot":"","sources":["../../../../../src/components/screen/ScreenList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScreenScrollView.d.ts","sourceRoot":"","sources":["../../../../../src/components/screen/ScreenScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAmB,KAAK,eAAe,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAa3G,OAAO,KAAK,EAAwB,qBAAqB,EAAE,MAAM,YAAS,CAAC;AAG3E,qFAAqF;AACrF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,EAAE,qBAAqB;IACvG,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iEAAiE;IACjE,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ScreenScrollView.d.ts","sourceRoot":"","sources":["../../../../../src/components/screen/ScreenScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,EAAmB,KAAK,eAAe,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAa3G,OAAO,KAAK,EAAwB,qBAAqB,EAAE,MAAM,YAAS,CAAC;AAG3E,qFAAqF;AACrF,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC,EAAE,qBAAqB;IACvG,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iEAAiE;IACjE,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,8MA8E5B,CAAC"}
|
package/package.json
CHANGED
|
@@ -14,6 +14,14 @@ export interface ChipProps extends ViewProps {
|
|
|
14
14
|
size?: ChipSize;
|
|
15
15
|
variant?: ChipVariant;
|
|
16
16
|
color?: ChipColor;
|
|
17
|
+
/**
|
|
18
|
+
* Fill behind the chip, overriding the one its `variant` would paint.
|
|
19
|
+
*
|
|
20
|
+
* Only `outline` has a fill worth naming a default for — `'surface.default'`,
|
|
21
|
+
* so an outlined chip reads as a solid capsule rather than a ring over
|
|
22
|
+
* whatever it happens to sit on. Pass `'transparent'` to get the ring back.
|
|
23
|
+
*/
|
|
24
|
+
background?: ColorToken;
|
|
17
25
|
children?: ReactNode;
|
|
18
26
|
}
|
|
19
27
|
|
|
@@ -177,9 +185,10 @@ function renderChildren(children: ReactNode): ReactNode {
|
|
|
177
185
|
// ─── Component ────────────────────────────────────────────────────────────────
|
|
178
186
|
|
|
179
187
|
const ChipRoot = forwardRef<ComponentRef<typeof View>, ChipProps>(function Chip(
|
|
180
|
-
{ size = "md", variant = "soft", color = "secondary", children, style, ...rest },
|
|
188
|
+
{ size = "md", variant = "soft", color = "secondary", background, children, style, ...rest },
|
|
181
189
|
ref
|
|
182
190
|
) {
|
|
191
|
+
const { theme } = useUnistyles();
|
|
183
192
|
// Compound variants only match the 5 named schemes above — an arbitrary
|
|
184
193
|
// literal never matches one, so it's cast to satisfy `useVariants`'s
|
|
185
194
|
// literal-union type while still comparing against the real value below.
|
|
@@ -195,15 +204,20 @@ const ChipRoot = forwardRef<ComponentRef<typeof View>, ChipProps>(function Chip(
|
|
|
195
204
|
const customPaint =
|
|
196
205
|
customColors && variant !== "ghost"
|
|
197
206
|
? {
|
|
198
|
-
|
|
207
|
+
// Absent for outline, whose fill comes from the `outline` style
|
|
208
|
+
// variant — spreading `undefined` here would clear it instead.
|
|
209
|
+
...(customColors.bg === undefined ? null : { backgroundColor: customColors.bg }),
|
|
199
210
|
borderColor: customColors.border,
|
|
200
211
|
borderWidth: customColors.borderWidth,
|
|
201
212
|
}
|
|
202
213
|
: null;
|
|
214
|
+
// Last of the paint layers, so an explicit fill beats both the variant's own
|
|
215
|
+
// and the one derived from a custom color literal.
|
|
216
|
+
const backgroundPaint = background ? { backgroundColor: resolveThemeColor(background, theme) } : null;
|
|
203
217
|
|
|
204
218
|
return (
|
|
205
219
|
<ChipContext.Provider value={{ color: fg, size }}>
|
|
206
|
-
<View ref={ref} style={[styles.base, customPaint, style]} {...rest}>
|
|
220
|
+
<View ref={ref} style={[styles.base, customPaint, backgroundPaint, style]} {...rest}>
|
|
207
221
|
{renderChildren(children)}
|
|
208
222
|
</View>
|
|
209
223
|
</ChipContext.Provider>
|
|
@@ -314,7 +328,11 @@ const styles = StyleSheet.create((theme) => {
|
|
|
314
328
|
variant: {
|
|
315
329
|
solid: {},
|
|
316
330
|
soft: {},
|
|
317
|
-
|
|
331
|
+
// The fill every outlined chip gets, whatever its color — the
|
|
332
|
+
// compound rows below only add the ring. A named default lives here
|
|
333
|
+
// rather than in each row so a custom color literal, which matches no
|
|
334
|
+
// compound row at all, is filled the same way.
|
|
335
|
+
outline: { backgroundColor: c["surface.default"] },
|
|
318
336
|
ghost: {
|
|
319
337
|
backgroundColor: "transparent",
|
|
320
338
|
borderColor: "transparent",
|
|
@@ -343,7 +361,6 @@ const styles = StyleSheet.create((theme) => {
|
|
|
343
361
|
color: "primary",
|
|
344
362
|
variant: "outline",
|
|
345
363
|
styles: {
|
|
346
|
-
backgroundColor: "transparent",
|
|
347
364
|
borderColor: c["accent.soft.bg"],
|
|
348
365
|
borderWidth: 1,
|
|
349
366
|
},
|
|
@@ -368,7 +385,6 @@ const styles = StyleSheet.create((theme) => {
|
|
|
368
385
|
color: "secondary",
|
|
369
386
|
variant: "outline",
|
|
370
387
|
styles: {
|
|
371
|
-
backgroundColor: "transparent",
|
|
372
388
|
borderColor: c["neutral.soft.bg"],
|
|
373
389
|
borderWidth: 1,
|
|
374
390
|
},
|
|
@@ -393,7 +409,6 @@ const styles = StyleSheet.create((theme) => {
|
|
|
393
409
|
color: "success",
|
|
394
410
|
variant: "outline",
|
|
395
411
|
styles: {
|
|
396
|
-
backgroundColor: "transparent",
|
|
397
412
|
borderColor: c["success.soft.bg"],
|
|
398
413
|
borderWidth: 1,
|
|
399
414
|
},
|
|
@@ -418,7 +433,6 @@ const styles = StyleSheet.create((theme) => {
|
|
|
418
433
|
color: "warning",
|
|
419
434
|
variant: "outline",
|
|
420
435
|
styles: {
|
|
421
|
-
backgroundColor: "transparent",
|
|
422
436
|
borderColor: c["warning.soft.bg"],
|
|
423
437
|
borderWidth: 1,
|
|
424
438
|
},
|
|
@@ -443,7 +457,6 @@ const styles = StyleSheet.create((theme) => {
|
|
|
443
457
|
color: "danger",
|
|
444
458
|
variant: "outline",
|
|
445
459
|
styles: {
|
|
446
|
-
backgroundColor: "transparent",
|
|
447
460
|
borderColor: c["danger.soft.bg"],
|
|
448
461
|
borderWidth: 1,
|
|
449
462
|
},
|
|
@@ -6,7 +6,12 @@ import { readableOn, withAlpha } from "#utils/color-utils";
|
|
|
6
6
|
// full color scheme.
|
|
7
7
|
|
|
8
8
|
export interface CustomChipColors {
|
|
9
|
-
|
|
9
|
+
/**
|
|
10
|
+
* Undefined for `outline`, which takes the fill its style variant paints
|
|
11
|
+
* rather than deriving one — the outlined chip's fill is a surface, not a
|
|
12
|
+
* tint of the literal, so there is nothing here to derive it from.
|
|
13
|
+
*/
|
|
14
|
+
bg: string | undefined;
|
|
10
15
|
border: string;
|
|
11
16
|
borderWidth: number;
|
|
12
17
|
fg: string;
|
|
@@ -22,7 +27,7 @@ export function getCustomColorColors(
|
|
|
22
27
|
// read as the same weight of colour — one filled, one drawn.
|
|
23
28
|
if (variant === "outline") {
|
|
24
29
|
return {
|
|
25
|
-
bg:
|
|
30
|
+
bg: undefined,
|
|
26
31
|
border: withAlpha(literal, CUSTOM_COLOR_SOFT_ALPHA),
|
|
27
32
|
borderWidth: 1,
|
|
28
33
|
fg: literal,
|
|
@@ -7,6 +7,7 @@ export {
|
|
|
7
7
|
type HeaderDismissNavigation,
|
|
8
8
|
type HeaderDismissProps,
|
|
9
9
|
} from "./header-buttons";
|
|
10
|
+
export type { HeaderAccessoryPadding } from "./types";
|
|
10
11
|
export type { LargeTitleHeaderProps } from "./variants/LargeTitleHeader";
|
|
11
12
|
export { LargeTitleHeader } from "./variants/LargeTitleHeader";
|
|
12
13
|
export type { TitleHeaderProps } from "./variants/TitleHeader";
|