@tamagui/helpers 1.0.0-alpha.2 → 1.0.0-alpha.22

package/src/validStyleProps.d.ts

@@ -0,0 +1,474 @@
+export declare const stylePropsTransform: {
+    x: boolean;
+    y: boolean;
+    scale: boolean;
+    perspective: boolean;
+    scaleX: boolean;
+    scaleY: boolean;
+    skewX: boolean;
+    skewY: boolean;
+    matrix: boolean;
+    rotate: boolean;
+    rotateY: boolean;
+    rotateX: boolean;
+    rotateZ: boolean;
+};
+export declare const stylePropsView: Readonly<{
+    userSelect?: boolean | undefined;
+    cursor?: boolean | undefined;
+    contain?: boolean | undefined;
+    pointerEvents?: boolean | undefined;
+    boxSizing?: boolean | undefined;
+    x: boolean;
+    y: boolean;
+    scale: boolean;
+    perspective: boolean;
+    scaleX: boolean;
+    scaleY: boolean;
+    skewX: boolean;
+    skewY: boolean;
+    matrix: boolean;
+    rotate: boolean;
+    rotateY: boolean;
+    rotateX: boolean;
+    rotateZ: boolean;
+    backfaceVisibility: boolean;
+    backgroundColor: boolean;
+    borderBottomColor: boolean;
+    borderBottomEndRadius: boolean;
+    borderBottomLeftRadius: boolean;
+    borderBottomRightRadius: boolean;
+    borderBottomStartRadius: boolean;
+    borderBottomWidth: boolean;
+    borderColor: boolean;
+    borderEndColor: boolean;
+    borderLeftColor: boolean;
+    borderLeftWidth: boolean;
+    borderRadius: boolean;
+    borderRightColor: boolean;
+    borderRightWidth: boolean;
+    borderStartColor: boolean;
+    borderStyle: boolean;
+    borderTopColor: boolean;
+    borderTopEndRadius: boolean;
+    borderTopLeftRadius: boolean;
+    borderTopRightRadius: boolean;
+    borderTopStartRadius: boolean;
+    borderTopWidth: boolean;
+    borderWidth: boolean;
+    opacity: boolean;
+    transform: boolean;
+    alignContent: boolean;
+    alignItems: boolean;
+    alignSelf: boolean;
+    aspectRatio: boolean;
+    borderEndWidth: boolean;
+    borderStartWidth: boolean;
+    bottom: boolean;
+    display: boolean;
+    end: boolean;
+    flex: boolean;
+    flexBasis: boolean;
+    flexDirection: boolean;
+    flexGrow: boolean;
+    flexShrink: boolean;
+    flexWrap: boolean;
+    height: boolean;
+    justifyContent: boolean;
+    left: boolean;
+    margin: boolean;
+    marginBottom: boolean;
+    marginEnd: boolean;
+    marginHorizontal: boolean;
+    marginLeft: boolean;
+    marginRight: boolean;
+    marginStart: boolean;
+    marginTop: boolean;
+    marginVertical: boolean;
+    maxHeight: boolean;
+    maxWidth: boolean;
+    minHeight: boolean;
+    minWidth: boolean;
+    overflow: boolean;
+    padding: boolean;
+    paddingBottom: boolean;
+    paddingEnd: boolean;
+    paddingHorizontal: boolean;
+    paddingLeft: boolean;
+    paddingRight: boolean;
+    paddingStart: boolean;
+    paddingTop: boolean;
+    paddingVertical: boolean;
+    position: boolean;
+    right: boolean;
+    start: boolean;
+    top: boolean;
+    width: boolean;
+    zIndex: boolean;
+    direction: boolean;
+    shadowColor: boolean;
+    shadowOffset: boolean;
+    shadowOpacity: boolean;
+    shadowRadius: boolean;
+}>;
+export declare const stylePropsTextOnly: Readonly<{
+    whiteSpace?: boolean | undefined;
+    wordWrap?: boolean | undefined;
+    textOverflow?: boolean | undefined;
+    textDecorationDistance?: boolean | undefined;
+    color: boolean;
+    fontFamily: boolean;
+    fontSize: boolean;
+    fontStyle: boolean;
+    fontWeight: boolean;
+    letterSpacing: boolean;
+    lineHeight: boolean;
+    textAlign: boolean;
+    textDecorationLine: boolean;
+    textDecorationStyle: boolean;
+    textDecorationColor: boolean;
+    textShadowColor: boolean;
+    textShadowOffset: boolean;
+    textShadowRadius: boolean;
+    textTransform: boolean;
+}>;
+export declare const stylePropsText: Readonly<{
+    whiteSpace?: boolean | undefined;
+    wordWrap?: boolean | undefined;
+    textOverflow?: boolean | undefined;
+    textDecorationDistance?: boolean | undefined;
+    color: boolean;
+    fontFamily: boolean;
+    fontSize: boolean;
+    fontStyle: boolean;
+    fontWeight: boolean;
+    letterSpacing: boolean;
+    lineHeight: boolean;
+    textAlign: boolean;
+    textDecorationLine: boolean;
+    textDecorationStyle: boolean;
+    textDecorationColor: boolean;
+    textShadowColor: boolean;
+    textShadowOffset: boolean;
+    textShadowRadius: boolean;
+    textTransform: boolean;
+    userSelect?: boolean | undefined;
+    cursor?: boolean | undefined;
+    contain?: boolean | undefined;
+    pointerEvents?: boolean | undefined;
+    boxSizing?: boolean | undefined;
+    x: boolean;
+    y: boolean;
+    scale: boolean;
+    perspective: boolean;
+    scaleX: boolean;
+    scaleY: boolean;
+    skewX: boolean;
+    skewY: boolean;
+    matrix: boolean;
+    rotate: boolean;
+    rotateY: boolean;
+    rotateX: boolean;
+    rotateZ: boolean;
+    backfaceVisibility: boolean;
+    backgroundColor: boolean;
+    borderBottomColor: boolean;
+    borderBottomEndRadius: boolean;
+    borderBottomLeftRadius: boolean;
+    borderBottomRightRadius: boolean;
+    borderBottomStartRadius: boolean;
+    borderBottomWidth: boolean;
+    borderColor: boolean;
+    borderEndColor: boolean;
+    borderLeftColor: boolean;
+    borderLeftWidth: boolean;
+    borderRadius: boolean;
+    borderRightColor: boolean;
+    borderRightWidth: boolean;
+    borderStartColor: boolean;
+    borderStyle: boolean;
+    borderTopColor: boolean;
+    borderTopEndRadius: boolean;
+    borderTopLeftRadius: boolean;
+    borderTopRightRadius: boolean;
+    borderTopStartRadius: boolean;
+    borderTopWidth: boolean;
+    borderWidth: boolean;
+    opacity: boolean;
+    transform: boolean;
+    alignContent: boolean;
+    alignItems: boolean;
+    alignSelf: boolean;
+    aspectRatio: boolean;
+    borderEndWidth: boolean;
+    borderStartWidth: boolean;
+    bottom: boolean;
+    display: boolean;
+    end: boolean;
+    flex: boolean;
+    flexBasis: boolean;
+    flexDirection: boolean;
+    flexGrow: boolean;
+    flexShrink: boolean;
+    flexWrap: boolean;
+    height: boolean;
+    justifyContent: boolean;
+    left: boolean;
+    margin: boolean;
+    marginBottom: boolean;
+    marginEnd: boolean;
+    marginHorizontal: boolean;
+    marginLeft: boolean;
+    marginRight: boolean;
+    marginStart: boolean;
+    marginTop: boolean;
+    marginVertical: boolean;
+    maxHeight: boolean;
+    maxWidth: boolean;
+    minHeight: boolean;
+    minWidth: boolean;
+    overflow: boolean;
+    padding: boolean;
+    paddingBottom: boolean;
+    paddingEnd: boolean;
+    paddingHorizontal: boolean;
+    paddingLeft: boolean;
+    paddingRight: boolean;
+    paddingStart: boolean;
+    paddingTop: boolean;
+    paddingVertical: boolean;
+    position: boolean;
+    right: boolean;
+    start: boolean;
+    top: boolean;
+    width: boolean;
+    zIndex: boolean;
+    direction: boolean;
+    shadowColor: boolean;
+    shadowOffset: boolean;
+    shadowOpacity: boolean;
+    shadowRadius: boolean;
+}>;
+export declare const stylePropsAll: Readonly<{
+    whiteSpace?: boolean | undefined;
+    wordWrap?: boolean | undefined;
+    textOverflow?: boolean | undefined;
+    textDecorationDistance?: boolean | undefined;
+    color: boolean;
+    fontFamily: boolean;
+    fontSize: boolean;
+    fontStyle: boolean;
+    fontWeight: boolean;
+    letterSpacing: boolean;
+    lineHeight: boolean;
+    textAlign: boolean;
+    textDecorationLine: boolean;
+    textDecorationStyle: boolean;
+    textDecorationColor: boolean;
+    textShadowColor: boolean;
+    textShadowOffset: boolean;
+    textShadowRadius: boolean;
+    textTransform: boolean;
+    userSelect?: boolean | undefined;
+    cursor?: boolean | undefined;
+    contain?: boolean | undefined;
+    pointerEvents?: boolean | undefined;
+    boxSizing?: boolean | undefined;
+    x: boolean;
+    y: boolean;
+    scale: boolean;
+    perspective: boolean;
+    scaleX: boolean;
+    scaleY: boolean;
+    skewX: boolean;
+    skewY: boolean;
+    matrix: boolean;
+    rotate: boolean;
+    rotateY: boolean;
+    rotateX: boolean;
+    rotateZ: boolean;
+    backfaceVisibility: boolean;
+    backgroundColor: boolean;
+    borderBottomColor: boolean;
+    borderBottomEndRadius: boolean;
+    borderBottomLeftRadius: boolean;
+    borderBottomRightRadius: boolean;
+    borderBottomStartRadius: boolean;
+    borderBottomWidth: boolean;
+    borderColor: boolean;
+    borderEndColor: boolean;
+    borderLeftColor: boolean;
+    borderLeftWidth: boolean;
+    borderRadius: boolean;
+    borderRightColor: boolean;
+    borderRightWidth: boolean;
+    borderStartColor: boolean;
+    borderStyle: boolean;
+    borderTopColor: boolean;
+    borderTopEndRadius: boolean;
+    borderTopLeftRadius: boolean;
+    borderTopRightRadius: boolean;
+    borderTopStartRadius: boolean;
+    borderTopWidth: boolean;
+    borderWidth: boolean;
+    opacity: boolean;
+    transform: boolean;
+    alignContent: boolean;
+    alignItems: boolean;
+    alignSelf: boolean;
+    aspectRatio: boolean;
+    borderEndWidth: boolean;
+    borderStartWidth: boolean;
+    bottom: boolean;
+    display: boolean;
+    end: boolean;
+    flex: boolean;
+    flexBasis: boolean;
+    flexDirection: boolean;
+    flexGrow: boolean;
+    flexShrink: boolean;
+    flexWrap: boolean;
+    height: boolean;
+    justifyContent: boolean;
+    left: boolean;
+    margin: boolean;
+    marginBottom: boolean;
+    marginEnd: boolean;
+    marginHorizontal: boolean;
+    marginLeft: boolean;
+    marginRight: boolean;
+    marginStart: boolean;
+    marginTop: boolean;
+    marginVertical: boolean;
+    maxHeight: boolean;
+    maxWidth: boolean;
+    minHeight: boolean;
+    minWidth: boolean;
+    overflow: boolean;
+    padding: boolean;
+    paddingBottom: boolean;
+    paddingEnd: boolean;
+    paddingHorizontal: boolean;
+    paddingLeft: boolean;
+    paddingRight: boolean;
+    paddingStart: boolean;
+    paddingTop: boolean;
+    paddingVertical: boolean;
+    position: boolean;
+    right: boolean;
+    start: boolean;
+    top: boolean;
+    width: boolean;
+    zIndex: boolean;
+    direction: boolean;
+    shadowColor: boolean;
+    shadowOffset: boolean;
+    shadowOpacity: boolean;
+    shadowRadius: boolean;
+}>;
+export declare const validStylesPseudo: {
+    hoverStyle: boolean;
+    pressStyle: boolean;
+    focusStyle: boolean;
+};
+export declare const validStyles: {
+    userSelect?: boolean | undefined;
+    cursor?: boolean | undefined;
+    contain?: boolean | undefined;
+    pointerEvents?: boolean | undefined;
+    boxSizing?: boolean | undefined;
+    x: boolean;
+    y: boolean;
+    scale: boolean;
+    perspective: boolean;
+    scaleX: boolean;
+    scaleY: boolean;
+    skewX: boolean;
+    skewY: boolean;
+    matrix: boolean;
+    rotate: boolean;
+    rotateY: boolean;
+    rotateX: boolean;
+    rotateZ: boolean;
+    backfaceVisibility: boolean;
+    backgroundColor: boolean;
+    borderBottomColor: boolean;
+    borderBottomEndRadius: boolean;
+    borderBottomLeftRadius: boolean;
+    borderBottomRightRadius: boolean;
+    borderBottomStartRadius: boolean;
+    borderBottomWidth: boolean;
+    borderColor: boolean;
+    borderEndColor: boolean;
+    borderLeftColor: boolean;
+    borderLeftWidth: boolean;
+    borderRadius: boolean;
+    borderRightColor: boolean;
+    borderRightWidth: boolean;
+    borderStartColor: boolean;
+    borderStyle: boolean;
+    borderTopColor: boolean;
+    borderTopEndRadius: boolean;
+    borderTopLeftRadius: boolean;
+    borderTopRightRadius: boolean;
+    borderTopStartRadius: boolean;
+    borderTopWidth: boolean;
+    borderWidth: boolean;
+    opacity: boolean;
+    transform: boolean;
+    alignContent: boolean;
+    alignItems: boolean;
+    alignSelf: boolean;
+    aspectRatio: boolean;
+    borderEndWidth: boolean;
+    borderStartWidth: boolean;
+    bottom: boolean;
+    display: boolean;
+    end: boolean;
+    flex: boolean;
+    flexBasis: boolean;
+    flexDirection: boolean;
+    flexGrow: boolean;
+    flexShrink: boolean;
+    flexWrap: boolean;
+    height: boolean;
+    justifyContent: boolean;
+    left: boolean;
+    margin: boolean;
+    marginBottom: boolean;
+    marginEnd: boolean;
+    marginHorizontal: boolean;
+    marginLeft: boolean;
+    marginRight: boolean;
+    marginStart: boolean;
+    marginTop: boolean;
+    marginVertical: boolean;
+    maxHeight: boolean;
+    maxWidth: boolean;
+    minHeight: boolean;
+    minWidth: boolean;
+    overflow: boolean;
+    padding: boolean;
+    paddingBottom: boolean;
+    paddingEnd: boolean;
+    paddingHorizontal: boolean;
+    paddingLeft: boolean;
+    paddingRight: boolean;
+    paddingStart: boolean;
+    paddingTop: boolean;
+    paddingVertical: boolean;
+    position: boolean;
+    right: boolean;
+    start: boolean;
+    top: boolean;
+    width: boolean;
+    zIndex: boolean;
+    direction: boolean;
+    shadowColor: boolean;
+    shadowOffset: boolean;
+    shadowOpacity: boolean;
+    shadowRadius: boolean;
+    hoverStyle: boolean;
+    pressStyle: boolean;
+    focusStyle: boolean;
+};

package/src/validStyleProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validStyleProps.d.ts","sourceRoot":"","sources":["validStyleProps.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;CAc/B,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyFzB,CAAA;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;EAyB7B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGzB,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiB,CAAA;AAE3C,eAAO,MAAM,iBAAiB;;;;CAI7B,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGvB,CAAA"}

package/src/validStyleProps.js

@@ -0,0 +1,140 @@
+export const stylePropsTransform = {
+    x: true,
+    y: true,
+    scale: true,
+    perspective: true,
+    scaleX: true,
+    scaleY: true,
+    skewX: true,
+    skewY: true,
+    matrix: true,
+    rotate: true,
+    rotateY: true,
+    rotateX: true,
+    rotateZ: true,
+};
+export const stylePropsView = Object.freeze({
+    backfaceVisibility: true,
+    backgroundColor: true,
+    borderBottomColor: true,
+    borderBottomEndRadius: true,
+    borderBottomLeftRadius: true,
+    borderBottomRightRadius: true,
+    borderBottomStartRadius: true,
+    borderBottomWidth: true,
+    borderColor: true,
+    borderEndColor: true,
+    borderLeftColor: true,
+    borderLeftWidth: true,
+    borderRadius: true,
+    borderRightColor: true,
+    borderRightWidth: true,
+    borderStartColor: true,
+    borderStyle: true,
+    borderTopColor: true,
+    borderTopEndRadius: true,
+    borderTopLeftRadius: true,
+    borderTopRightRadius: true,
+    borderTopStartRadius: true,
+    borderTopWidth: true,
+    borderWidth: true,
+    opacity: true,
+    transform: true,
+    alignContent: true,
+    alignItems: true,
+    alignSelf: true,
+    aspectRatio: true,
+    borderEndWidth: true,
+    borderStartWidth: true,
+    bottom: true,
+    display: true,
+    end: true,
+    flex: true,
+    flexBasis: true,
+    flexDirection: true,
+    flexGrow: true,
+    flexShrink: true,
+    flexWrap: true,
+    height: true,
+    justifyContent: true,
+    left: true,
+    margin: true,
+    marginBottom: true,
+    marginEnd: true,
+    marginHorizontal: true,
+    marginLeft: true,
+    marginRight: true,
+    marginStart: true,
+    marginTop: true,
+    marginVertical: true,
+    maxHeight: true,
+    maxWidth: true,
+    minHeight: true,
+    minWidth: true,
+    overflow: true,
+    padding: true,
+    paddingBottom: true,
+    paddingEnd: true,
+    paddingHorizontal: true,
+    paddingLeft: true,
+    paddingRight: true,
+    paddingStart: true,
+    paddingTop: true,
+    paddingVertical: true,
+    position: true,
+    right: true,
+    start: true,
+    top: true,
+    width: true,
+    zIndex: true,
+    direction: true,
+    shadowColor: true,
+    shadowOffset: true,
+    shadowOpacity: true,
+    shadowRadius: true,
+    ...stylePropsTransform,
+    ...(process.env.TAMAGUI_TARGET === 'web' && {
+        userSelect: true,
+        cursor: true,
+        contain: true,
+        pointerEvents: true,
+        boxSizing: true,
+    }),
+});
+export const stylePropsTextOnly = Object.freeze({
+    color: true,
+    fontFamily: true,
+    fontSize: true,
+    fontStyle: true,
+    fontWeight: true,
+    letterSpacing: true,
+    lineHeight: true,
+    textAlign: true,
+    textDecorationLine: true,
+    textDecorationStyle: true,
+    textDecorationColor: true,
+    textShadowColor: true,
+    textShadowOffset: true,
+    textShadowRadius: true,
+    textTransform: true,
+    ...(process.env.TAMAGUI_TARGET === 'web' && {
+        whiteSpace: true,
+        wordWrap: true,
+        textOverflow: true,
+        textDecorationDistance: true,
+    }),
+});
+export const stylePropsText = Object.freeze({
+    ...stylePropsView,
+    ...stylePropsTextOnly,
+});
+export const stylePropsAll = stylePropsText;
+export const validStylesPseudo = {
+    hoverStyle: true,
+    pressStyle: true,
+    focusStyle: true,
+};
+export const validStyles = {
+    ...validStylesPseudo,
+    ...stylePropsView,
+};

package/types/allRules.d.ts

@@ -0,0 +1,3 @@
+export declare const AllRules: Set<unknown>;
+export declare const getStyleRules: () => Set<unknown>;
+//# sourceMappingURL=allRules.d.ts.map

package/types/allRules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"allRules.d.ts","sourceRoot":"","sources":["../src/allRules.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,cAAY,CAAA;AAEjC,eAAO,MAAM,aAAa,oBAAiB,CAAA"}

package/types/concatClassName.d.ts

@@ -0,0 +1,2 @@
+export declare function concatClassName(_cn: any): string;
+//# sourceMappingURL=concatClassName.d.ts.map

package/types/concatClassName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"concatClassName.d.ts","sourceRoot":"","sources":["../src/concatClassName.ts"],"names":[],"mappings":"AAUA,wBAAgB,eAAe,CAAC,GAAG,EAAE,GAAG,UAoFvC"}

package/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './concatClassName';
+export * from './validStyleProps';
+export * from './types';
+export * from './allRules';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}

package/types/simpleHash.d.ts

@@ -0,0 +1,2 @@
+export declare const simpleHash: (str: string) => string;
+//# sourceMappingURL=simpleHash.d.ts.map

package/types/simpleHash.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleHash.d.ts","sourceRoot":"","sources":["../src/simpleHash.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,QAAS,MAAM,WAQrC,CAAA"}

package/types/types.d.ts

@@ -0,0 +1,8 @@
+export declare type StyleObject = {
+    property: string;
+    value: string;
+    className: string;
+    identifier: string;
+    rules: string[];
+};
+//# sourceMappingURL=types.d.ts.map

package/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,CAAA"}