@tamagui/helpers 2.7.7 → 3.0.0-beta.1097.1

package/src/webOnlyStyleProps.ts

@@ -1,85 +1,21 @@
 // Web-only style props that need to be skipped on native
-// NOTE: backgroundColor is NOT web-only - it works on React Native too!
-// NOTE: RN 0.76+ added: boxShadow, filter (cross-platform, with some Android 12+ only filters)
-// NOTE: RN 0.77+ added: boxSizing, mixBlendMode, isolation, outline* props
 
-// web-only discrete (non-animatable) view props
-export const nonAnimatableWebViewProps = {
-  backgroundAttachment: true,
-  backgroundBlendMode: true,
-  backgroundClip: true,
-  backgroundOrigin: true,
-  backgroundRepeat: true,
-  borderBottomStyle: true,
-  borderLeftStyle: true,
-  borderRightStyle: true,
-  borderTopStyle: true,
-  contain: true,
-  containerType: true,
-  content: true,
-  float: true,
-  maskBorderMode: true,
-  maskBorderRepeat: true,
-  maskClip: true,
-  maskComposite: true,
-  maskMode: true,
-  maskOrigin: true,
-  maskRepeat: true,
-  maskType: true,
-  objectFit: true,
-  overflowBlock: true,
-  overflowInline: true,
-  overflowX: true,
-  overflowY: true,
-  // NOTE: pointerEvents is NOT web-only - it's a core React Native View prop (not a style)
-  pointerEvents: true,
-  scrollbarWidth: true,
-  textWrap: true,
-  touchAction: true,
-  transformStyle: true,
-  willChange: true,
-}
+import { toStylePropsObject as toObj } from './toStylePropsObject'
 
-// web-only discrete (non-animatable) text props
-export const nonAnimatableWebTextProps = {
-  whiteSpace: true,
-  wordWrap: true,
-  textOverflow: true,
-  WebkitBoxOrient: true,
-}
+export const nonAnimatableWebViewProps = toObj(
+  'backgroundAttachment backgroundBlendMode backgroundClip backgroundOrigin backgroundRepeat borderBottomStyle borderLeftStyle borderRightStyle borderTopStyle contain containerType containerName content float maskBorderMode maskBorderRepeat maskClip maskComposite maskMode maskOrigin maskRepeat maskType objectFit overflowBlock overflowInline overflowX overflowY scrollbarWidth textWrap touchAction transformStyle willChange'
+)
 
-export const webOnlyStylePropsView = {
-  ...nonAnimatableWebViewProps,
-  transition: true,
-  backdropFilter: true,
-  WebkitBackdropFilter: true,
-  background: true,
-  borderTop: true,
-  borderRight: true,
-  borderBottom: true,
-  borderLeft: true,
-  backgroundPosition: true,
-  backgroundSize: true,
-  borderImage: true,
-  caretColor: true,
-  clipPath: true,
-  mask: true,
-  maskBorder: true,
-  maskBorderOutset: true,
-  maskBorderSlice: true,
-  maskBorderSource: true,
-  maskBorderWidth: true,
-  maskImage: true,
-  maskPosition: true,
-  maskSize: true,
-  objectPosition: true,
-  textEmphasis: true,
-  userSelect: true,
-}
+export const nonAnimatableWebTextProps = toObj(
+  'whiteSpace wordWrap textOverflow WebkitBoxOrient'
+)
 
-export const webOnlyStylePropsText = {
-  ...nonAnimatableWebTextProps,
-  textDecorationDistance: true,
-  // cursor: now cross-platform - in stylePropsView
-  WebkitLineClamp: true,
-}
+export const webOnlyStylePropsView = toObj(
+  nonAnimatableWebViewProps,
+  'transition transitionProperty transitionDuration transitionTimingFunction transitionDelay transitionBehavior backdropFilter WebkitBackdropFilter borderTop borderRight borderBottom borderLeft backgroundPosition backgroundSize borderImage caretColor clipPath mask maskBorder maskBorderOutset maskBorderSlice maskBorderSource maskBorderWidth maskImage maskPosition maskSize objectPosition textEmphasis userSelect overflowWrap wordWrap resize'
+)
+
+export const webOnlyStylePropsText = toObj(
+  nonAnimatableWebTextProps,
+  'textDecorationDistance WebkitLineClamp'
+)

package/types/composeEventHandlers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"composeEventHandlers.d.ts","sourceRoot":"","sources":["../src/composeEventHandlers.ts"],"names":[],"mappings":"AAAA,KAAK,MAAM,GAAG,MAAM,CAAA;AAEpB,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;AAE/D,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,EACnD,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,EAC3B,IAAI,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,EAC7B,EAAE,qBAA4B,EAAE;;CAAK,+BAoBtC"}
+{"version":3,"file":"composeEventHandlers.d.ts","sourceRoot":"","sources":["../src/composeEventHandlers.ts"],"names":[],"mappings":"AAAA,KAAK,MAAM,GAAG,MAAM,CAAA;AAEpB,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;AAE/D,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,EACnD,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,EAC3B,IAAI,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,EAC7B,EAAE,qBAA4B,EAAE;;CAAK,+BAgBtC"}

package/types/index.d.ts

@@ -1,8 +1,11 @@
 export * from '@tamagui/simple-hash';
 export * from './clamp';
+export * from './reservedThemeProps';
+export * from './themeClassNames';
 export * from './composeEventHandlers';
 export * from './types';
 export * from './shouldRenderNativePlatform';
+export * from './tokenCategories';
 export * from './validStyleProps';
 export * from './withStaticProperties';
 export * from './webOnlyStyleProps';

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,SAAS,CAAA;AACvB,cAAc,wBAAwB,CAAA;AACtC,cAAc,SAAS,CAAA;AACvB,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,SAAS,CAAA;AACvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,SAAS,CAAA;AACvB,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA"}

package/types/reservedThemeProps.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The props `<Theme>` owns. Inline theme values live on `<ThemeUpdate>`, so an
+ * unknown `<Theme>` prop is always invalid.
+ *
+ * It lives here, in a side-effect-free package, because the compiler classifies
+ * static `<Theme>` props with the same table the runtime uses. One table, so a
+ * new reserved prop can never mean one thing at build time and another at
+ * runtime.
+ */
+export declare const reservedThemeProps: Record<string, true>;
+//# sourceMappingURL=reservedThemeProps.d.ts.map

package/types/reservedThemeProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reservedThemeProps.d.ts","sourceRoot":"","sources":["../src/reservedThemeProps.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAgBnD,CAAA"}

package/types/themeClassNames.d.ts

@@ -0,0 +1,3 @@
+export declare function getThemeScheme(name: string): 'light' | 'dark' | undefined;
+export declare function getThemeClassNames(name: string, isRoot?: boolean, schemeAuthored?: boolean): string;
+//# sourceMappingURL=themeClassNames.d.ts.map

package/types/themeClassNames.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeClassNames.d.ts","sourceRoot":"","sources":["../src/themeClassNames.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAEzE;AAID,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,MAAM,CAAC,EAAE,OAAO,EAChB,cAAc,CAAC,EAAE,OAAO,GACvB,MAAM,CAaR"}

package/types/toStylePropsObject.d.ts

@@ -0,0 +1,6 @@
+type StylePropSource = string | Readonly<Record<string, boolean>> | undefined;
+type StylePropWords<Value extends string> = Value extends `${infer A} ${infer B} ${infer C} ${infer D} ${infer E} ${infer F} ${infer G} ${infer H} ${infer Tail}` ? A | B | C | D | E | F | G | H | StylePropWords<Tail> : Value extends `${infer Head} ${infer Tail}` ? Head | StylePropWords<Tail> : Value;
+type StylePropKeys<Source> = Source extends string ? StylePropWords<Source> : Source extends Readonly<Record<string, boolean>> ? keyof Source : never;
+export declare const toStylePropsObject: <const Sources extends readonly StylePropSource[]>(...sources: Sources) => { [Key in Exclude<Extract<StylePropKeys<Sources[number]>, string>, ''>]: true; };
+export {};
+//# sourceMappingURL=toStylePropsObject.d.ts.map

package/types/toStylePropsObject.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toStylePropsObject.d.ts","sourceRoot":"","sources":["../src/toStylePropsObject.ts"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,SAAS,CAAA;AAC7E,KAAK,cAAc,CAAC,KAAK,SAAS,MAAM,IACtC,KAAK,SAAS,GAAG,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,MAAM,IAAI,EAAE,GACjH,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,IAAI,CAAC,GACpD,KAAK,SAAS,GAAG,MAAM,IAAI,IAAI,MAAM,IAAI,EAAE,GACzC,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,GAC3B,KAAK,CAAA;AACb,KAAK,aAAa,CAAC,MAAM,IAAI,MAAM,SAAS,MAAM,GAC9C,cAAc,CAAC,MAAM,CAAC,GACtB,MAAM,SAAS,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAC9C,MAAM,MAAM,GACZ,KAAK,CAAA;AAEX,eAAO,MAAM,kBAAkB,GAAI,KAAK,CAAC,OAAO,SAAS,SAAS,eAAe,EAAE,cACrE,OAAO,KAClB,GAAG,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,GAa/E,CAAA"}

package/types/tokenCategories.d.ts

@@ -0,0 +1,4 @@
+export * from '@tamagui/style-grammar/token-categories';
+type TokenCategories = Record<'radius' | 'size' | 'zIndex' | 'color', Record<string, true>>;
+export declare const tokenCategories: TokenCategories;
+//# sourceMappingURL=tokenCategories.d.ts.map

package/types/tokenCategories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenCategories.d.ts","sourceRoot":"","sources":["../src/tokenCategories.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAA;AAOvD,KAAK,eAAe,GAAG,MAAM,CAC3B,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,EACtC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CACrB,CAAA;AAGD,eAAO,MAAM,eAAe,EAAS,eAAe,CAAA"}