@tamagui/web 1.89.7 → 1.89.9

package/src/helpers/transformsToString.ts

@@ -0,0 +1,21 @@
+import { normalizeValueWithProperty } from './normalizeValueWithProperty'
+
+// mutates...
+
+export function transformsToString(transforms: Object[]) {
+  return transforms
+    .map(
+      // { scale: 2 } => 'scale(2)'
+      // { translateX: 20 } => 'translateX(20px)'
+      // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
+      (transform) => {
+        const type = Object.keys(transform)[0]
+        const value = transform[type]
+        if (type === 'matrix' || type === 'matrix3d') {
+          return `${type}(${value.join(',')})`
+        }
+        return `${type}(${normalizeValueWithProperty(value, type)})`
+      }
+    )
+    .join(' ')
+}

package/src/index.ts

@@ -31,11 +31,10 @@ export * from './constants/constants'
 
 export * from './contexts/ComponentContext'
 
+export * from './helpers/createMediaStyle'
+export * from './helpers/createShallowSetState'
 export * from './helpers/createStyledContext'
 export * from './helpers/expandStyles'
-export * from './helpers/createMediaStyle'
-export * from './helpers/normalizeStyle'
-export * from './helpers/propMapper'
 export * from './helpers/getExpandedShorthands'
 export * from './helpers/getSplitStyles'
 export * from './helpers/getStylesAtomic'
@@ -46,12 +45,14 @@ export * from './helpers/isTamaguiElement'
 export * from './helpers/matchMedia'
 export * from './helpers/mergeProps'
 export * from './helpers/normalizeColor'
-export * from './helpers/proxyThemeVariables'
+export * from './helpers/normalizeStyle'
+export * from './helpers/propMapper'
 export * from './helpers/proxyThemeToParents'
+export * from './helpers/proxyThemeVariables'
 export * from './helpers/pseudoDescriptors'
 export * from './helpers/themeable'
 export * from './helpers/themes'
-export * from './helpers/createShallowSetState'
+export * from './helpers/transformsToString'
 export * from './internalWithTheme'
 
 export {

package/src/internalWithTheme.tsx

@@ -2,8 +2,10 @@ import { useTheme } from './hooks/useTheme'
 
 /** internal: this is for tamagui babel plugin usage only */
 
-export const internalWithTheme = (Component: any, styleProvider: any) => (props) => {
-  const { expressions, ...rest } = props
-  const theme = useTheme()
-  return <Component style={styleProvider(theme, expressions)} {...rest} />
-}
+export const internalWithTheme =
+  (Component: any, styleProvider: (theme: any, expressions: any[]) => Object) =>
+  (props: any) => {
+    const { _expressions = [], ...rest } = props
+    const theme = useTheme()
+    return <Component style={styleProvider(theme, _expressions)} {...rest} />
+  }

package/types/helpers/getSplitStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAOb,eAAe,EACf,YAAY,EAGZ,cAAc,EACd,WAAW,EAEZ,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AA6BhF,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAMhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,qBAAqB,EACrC,UAAU,EAAE,eAAe,EAC3B,iBAAiB,CAAC,EAAE,cAAc,GAAG,IAAI,EACzC,OAAO,CAAC,EAAE,iBAAiB,EAE3B,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AA8B7B,eAAO,MAAM,cAAc,EAAE,aA+uC5B,CAAA;AA4DD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,cA2BF,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,aAU5B,CAAA"}
+{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAEV,iBAAiB,EACjB,SAAS,EACT,cAAc,EACd,aAAa,EAOb,eAAe,EACf,YAAY,EAGZ,cAAc,EACd,WAAW,EAEZ,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAyBhF,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAMhE,KAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,MAAM,EACjB,cAAc,EAAE,qBAAqB,EACrC,UAAU,EAAE,eAAe,EAC3B,iBAAiB,CAAC,EAAE,cAAc,GAAG,IAAI,EACzC,OAAO,CAAC,EAAE,iBAAiB,EAE3B,WAAW,CAAC,EAAE,MAAM,EACpB,KAAK,CAAC,EAAE,SAAS,KACd,cAAc,CAAA;AAEnB,eAAO,MAAM,UAAU,MAAM,CAAA;AA8B7B,eAAO,MAAM,cAAc,EAAE,aA+uC5B,CAAA;AA4DD,eAAO,MAAM,WAAW,eACV,aAAa,UACjB,MAAM,WACL,MAAM,wBACO,OAAO,KAC5B,cA2BF,CAAA;AAQD,eAAO,MAAM,cAAc,EAAE,aAU5B,CAAA"}

package/types/helpers/getStylesAtomic.d.ts

@@ -6,7 +6,6 @@ import type { StyleObject } from '@tamagui/helpers';
 import type { DebugProp, ViewStyleWithPseudos } from '../types';
 import type { PseudoDescriptor } from './pseudoDescriptors';
 export declare function getStylesAtomic(stylesIn: ViewStyleWithPseudos, debug?: DebugProp): StyleObject[];
-export declare function transformsToString(transforms: any[]): string;
 export declare const generateAtomicStyles: (style: ViewStyleWithPseudos, pseudo?: PseudoDescriptor) => StyleObject[];
 export declare function styleToCSS(style: Record<string, any>): void;
 //# sourceMappingURL=getStylesAtomic.d.ts.map

package/types/helpers/getStylesAtomic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getStylesAtomic.d.ts","sourceRoot":"","sources":["../../src/helpers/getStylesAtomic.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAInD,OAAO,KAAK,EAAE,SAAS,EAAyB,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGtF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAM3D,wBAAgB,eAAe,CAAC,QAAQ,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,SAAS,iBAchF;AAMD,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE,UAgBnD;AAED,eAAO,MAAM,oBAAoB,UACxB,oBAAoB,WAClB,gBAAgB,KACxB,WAAW,EAmCb,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAiCpD"}
+{"version":3,"file":"getStylesAtomic.d.ts","sourceRoot":"","sources":["../../src/helpers/getStylesAtomic.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAInD,OAAO,KAAK,EAAE,SAAS,EAAyB,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAGtF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAO3D,wBAAgB,eAAe,CAAC,QAAQ,EAAE,oBAAoB,EAAE,KAAK,CAAC,EAAE,SAAS,iBAchF;AAID,eAAO,MAAM,oBAAoB,UACxB,oBAAoB,WAClB,gBAAgB,KACxB,WAAW,EAmCb,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAiCpD"}

package/types/helpers/transformsToString.d.ts

@@ -0,0 +1,2 @@
+export declare function transformsToString(transforms: Object[]): string;
+//# sourceMappingURL=transformsToString.d.ts.map

package/types/helpers/transformsToString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformsToString.d.ts","sourceRoot":"","sources":["../../src/helpers/transformsToString.ts"],"names":[],"mappings":"AAIA,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,EAAE,UAgBtD"}

package/types/index.d.ts

@@ -17,11 +17,10 @@ export * from './interfaces/GetRef';
 export { setupDev, getConfig, getThemes, getTokens, updateConfig, getToken, getTokenValue, } from './config';
 export * from './constants/constants';
 export * from './contexts/ComponentContext';
+export * from './helpers/createMediaStyle';
+export * from './helpers/createShallowSetState';
 export * from './helpers/createStyledContext';
 export * from './helpers/expandStyles';
-export * from './helpers/createMediaStyle';
-export * from './helpers/normalizeStyle';
-export * from './helpers/propMapper';
 export * from './helpers/getExpandedShorthands';
 export * from './helpers/getSplitStyles';
 export * from './helpers/getStylesAtomic';
@@ -32,12 +31,14 @@ export * from './helpers/isTamaguiElement';
 export * from './helpers/matchMedia';
 export * from './helpers/mergeProps';
 export * from './helpers/normalizeColor';
-export * from './helpers/proxyThemeVariables';
+export * from './helpers/normalizeStyle';
+export * from './helpers/propMapper';
 export * from './helpers/proxyThemeToParents';
+export * from './helpers/proxyThemeVariables';
 export * from './helpers/pseudoDescriptors';
 export * from './helpers/themeable';
 export * from './helpers/themes';
-export * from './helpers/createShallowSetState';
+export * from './helpers/transformsToString';
 export * from './internalWithTheme';
 export { configureMedia, mediaState, mediaKeyMatch, useMedia, getMedia, mediaObjectToString, mediaQueryConfig, } from './hooks/useMedia';
 export * from './hooks/useTheme';

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAElC,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACzD,mBAAmB,SAAS,CAAA;AAC5B,mBAAmB,+BAA+B,CAAA;AAElD,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,aAAa,GACd,MAAM,UAAU,CAAA;AAEjB,cAAc,uBAAuB,CAAA;AAErC,cAAc,6BAA6B,CAAA;AAE3C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EACL,cAAc,EACd,UAAU,EACV,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,kBAAkB,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AAExC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AAErC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAElC,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAElC,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACzD,mBAAmB,SAAS,CAAA;AAC5B,mBAAmB,+BAA+B,CAAA;AAElD,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,aAAa,GACd,MAAM,UAAU,CAAA;AAEjB,cAAc,uBAAuB,CAAA;AAErC,cAAc,6BAA6B,CAAA;AAE3C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EACL,cAAc,EACd,UAAU,EACV,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,kBAAkB,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AAExC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AAErC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAElC,cAAc,cAAc,CAAA"}

package/types/internalWithTheme.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 /** internal: this is for tamagui babel plugin usage only */
-export declare const internalWithTheme: (Component: any, styleProvider: any) => (props: any) => JSX.Element;
+export declare const internalWithTheme: (Component: any, styleProvider: (theme: any, expressions: any[]) => Object) => (props: any) => JSX.Element;
 //# sourceMappingURL=internalWithTheme.d.ts.map

package/types/internalWithTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internalWithTheme.d.ts","sourceRoot":"","sources":["../src/internalWithTheme.tsx"],"names":[],"mappings":";AAEA,4DAA4D;AAE5D,eAAO,MAAM,iBAAiB,cAAe,GAAG,iBAAiB,GAAG,gCAInE,CAAA"}
+{"version":3,"file":"internalWithTheme.d.ts","sourceRoot":"","sources":["../src/internalWithTheme.tsx"],"names":[],"mappings":";AAEA,4DAA4D;AAE5D,eAAO,MAAM,iBAAiB,cAChB,GAAG,yBAAyB,GAAG,eAAe,GAAG,EAAE,KAAK,MAAM,aAClE,GAAG,gBAIV,CAAA"}