@oxyhq/bloom 0.17.0 → 0.18.1

package/src/theme/color-scope/style-builder.ts

@@ -76,12 +76,12 @@ export function getVariableContextProvider(): VariableContextProviderComponent |
  * provider writes vars to `documentElement` instead) or when `nativewind` is
  * not installed.
  *
- * @deprecated Under react-native-css@3, `vars()` only propagates to a subtree
- * when applied to an interop className component (the runtime gates propagation
- * on matched className style rules). Applied to a plain `<View>` the vars are
- * dropped silently. Prefer wrapping children in `getVariableContextProvider()`.
- * Retained only as the escape-hatch contract of `useColorScopeStyle`, where the
- * caller owns the host element and is expected to be a className component.
+ * Caveat — prefer `getVariableContextProvider()`: under react-native-css@3,
+ * `vars()` only propagates to a subtree when applied to an interop className
+ * component (the runtime gates propagation on matched className style rules).
+ * Applied to a plain `<View>` the vars are dropped silently. This is retained
+ * as the escape-hatch contract of `useColorScopeStyle`, where the caller owns
+ * the host element and is expected to be a className component.
  */
 export function buildNativePresetStyle(
   colorPreset: AppColorName,

package/src/tooltip/index.tsx

@@ -72,16 +72,16 @@ TargetContext.displayName = 'TargetContext';
  *
  * Only really necessary on iOS but can work on Android.
  */
-export function SheetCompatProvider({
+export function TooltipSheetCompatProvider({
   children,
 }: {
   children: React.ReactNode;
 }) {
   return <>{children}</>;
 }
-SheetCompatProvider.displayName = 'TooltipSheetCompatProvider';
+TooltipSheetCompatProvider.displayName = 'TooltipSheetCompatProvider';
 
-export function Outer({
+export function Tooltip({
   children,
   position = 'bottom',
   visible: requestVisible,
@@ -131,7 +131,7 @@ export function Outer({
   );
 }
 
-export function Target({ children }: { children: React.ReactNode }) {
+export function TooltipTrigger({ children }: { children: React.ReactNode }) {
   const { shouldMeasure, setTargetMeasurements } = useContext(TargetContext);
   const [hasLayedOut, setHasLayedOut] = useState(false);
   const targetRef = useRef<View>(null);
@@ -156,7 +156,7 @@ export function Target({ children }: { children: React.ReactNode }) {
   );
 }
 
-export function Content({
+export function TooltipContent({
   children,
   label,
 }: {
@@ -390,4 +390,4 @@ function opposite(position: 'top' | 'bottom'): string {
   }
 }
 
-export const TextBubble = createTextBubble(Content);
+export const TooltipTextBubble = createTextBubble(TooltipContent);

package/src/tooltip/index.web.tsx

@@ -27,16 +27,16 @@ TooltipContext.displayName = 'TooltipContext';
 /**
  * No-op on web. Portal Provider is only needed on native.
  */
-export function SheetCompatProvider({
+export function TooltipSheetCompatProvider({
   children,
 }: {
   children: React.ReactNode;
 }) {
   return <>{children}</>;
 }
-SheetCompatProvider.displayName = 'TooltipSheetCompatProvider';
+TooltipSheetCompatProvider.displayName = 'TooltipSheetCompatProvider';
 
-export function Outer({
+export function Tooltip({
   children,
   position = 'bottom',
   visible,
@@ -66,7 +66,7 @@ export function Outer({
   );
 }
 
-export function Target({ children }: { children: React.ReactNode }) {
+export function TooltipTrigger({ children }: { children: React.ReactNode }) {
   return (
     <View collapsable={false} style={a.relative}>
       {children}
@@ -74,7 +74,7 @@ export function Target({ children }: { children: React.ReactNode }) {
   );
 }
 
-export function Content({
+export function TooltipContent({
   children,
   label,
 }: {
@@ -146,7 +146,7 @@ export function Content({
   );
 }
 
-export const TextBubble = createTextBubble(Content);
+export const TooltipTextBubble = createTextBubble(TooltipContent);
 
 const webStyles = StyleSheet.create({
   backdrop: {