@tamagui/helpers 2.7.7 → 3.0.0-beta.643.1

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.
Files changed (112) hide show
  1. package/dist/cjs/clamp.cjs +16 -19
  2. package/dist/cjs/clamp.native.cjs +30 -0
  3. package/dist/cjs/clamp.native.js +17 -19
  4. package/dist/cjs/clamp.native.js.map +1 -1
  5. package/dist/cjs/composeEventHandlers.cjs +26 -32
  6. package/dist/cjs/composeEventHandlers.native.cjs +43 -0
  7. package/dist/cjs/composeEventHandlers.native.js +28 -34
  8. package/dist/cjs/composeEventHandlers.native.js.map +1 -1
  9. package/dist/cjs/index.cjs +13 -11
  10. package/dist/cjs/index.native.cjs +31 -0
  11. package/dist/cjs/index.native.js +13 -10
  12. package/dist/cjs/index.native.js.map +1 -1
  13. package/dist/cjs/reservedThemeProps.cjs +43 -0
  14. package/dist/cjs/reservedThemeProps.native.cjs +45 -0
  15. package/dist/cjs/reservedThemeProps.native.js +47 -0
  16. package/dist/cjs/reservedThemeProps.native.js.map +1 -0
  17. package/dist/cjs/shouldRenderNativePlatform.cjs +38 -37
  18. package/dist/cjs/shouldRenderNativePlatform.native.cjs +71 -0
  19. package/dist/cjs/shouldRenderNativePlatform.native.js +55 -59
  20. package/dist/cjs/shouldRenderNativePlatform.native.js.map +1 -1
  21. package/dist/cjs/themeClassNames.cjs +39 -0
  22. package/dist/cjs/themeClassNames.native.cjs +42 -0
  23. package/dist/cjs/themeClassNames.native.js +44 -0
  24. package/dist/cjs/themeClassNames.native.js.map +1 -0
  25. package/dist/cjs/tokenCategories.cjs +79 -0
  26. package/dist/cjs/tokenCategories.native.cjs +80 -0
  27. package/dist/cjs/tokenCategories.native.js +82 -0
  28. package/dist/cjs/tokenCategories.native.js.map +1 -0
  29. package/dist/cjs/types.cjs +19 -20
  30. package/dist/cjs/types.native.cjs +37 -0
  31. package/dist/cjs/types.native.js +19 -19
  32. package/dist/cjs/types.native.js.map +1 -1
  33. package/dist/cjs/validStyleProps.cjs +240 -297
  34. package/dist/cjs/validStyleProps.native.cjs +277 -0
  35. package/dist/cjs/validStyleProps.native.js +236 -290
  36. package/dist/cjs/validStyleProps.native.js.map +1 -1
  37. package/dist/cjs/webOnlyStyleProps.cjs +85 -86
  38. package/dist/cjs/webOnlyStyleProps.native.cjs +106 -0
  39. package/dist/cjs/webOnlyStyleProps.native.js +85 -85
  40. package/dist/cjs/webOnlyStyleProps.native.js.map +1 -1
  41. package/dist/cjs/withStaticProperties.cjs +25 -30
  42. package/dist/cjs/withStaticProperties.native.cjs +38 -0
  43. package/dist/cjs/withStaticProperties.native.js +26 -30
  44. package/dist/cjs/withStaticProperties.native.js.map +1 -1
  45. package/dist/esm/clamp.mjs +2 -1
  46. package/dist/esm/clamp.mjs.map +1 -1
  47. package/dist/esm/clamp.native.js +3 -2
  48. package/dist/esm/clamp.native.js.map +1 -1
  49. package/dist/esm/composeEventHandlers.mjs +12 -14
  50. package/dist/esm/composeEventHandlers.mjs.map +1 -1
  51. package/dist/esm/composeEventHandlers.native.js +14 -17
  52. package/dist/esm/composeEventHandlers.native.js.map +1 -1
  53. package/dist/esm/index.js +21 -9
  54. package/dist/esm/index.mjs +21 -9
  55. package/dist/esm/index.native.js +21 -9
  56. package/dist/esm/reservedThemeProps.mjs +22 -0
  57. package/dist/esm/reservedThemeProps.mjs.map +1 -0
  58. package/dist/esm/reservedThemeProps.native.js +22 -0
  59. package/dist/esm/reservedThemeProps.native.js.map +1 -0
  60. package/dist/esm/shouldRenderNativePlatform.mjs +25 -19
  61. package/dist/esm/shouldRenderNativePlatform.mjs.map +1 -1
  62. package/dist/esm/shouldRenderNativePlatform.native.js +42 -42
  63. package/dist/esm/shouldRenderNativePlatform.native.js.map +1 -1
  64. package/dist/esm/themeClassNames.mjs +18 -0
  65. package/dist/esm/themeClassNames.mjs.map +1 -0
  66. package/dist/esm/themeClassNames.native.js +19 -0
  67. package/dist/esm/themeClassNames.native.js.map +1 -0
  68. package/dist/esm/tokenCategories.mjs +58 -0
  69. package/dist/esm/tokenCategories.mjs.map +1 -0
  70. package/dist/esm/tokenCategories.native.js +57 -0
  71. package/dist/esm/tokenCategories.native.js.map +1 -0
  72. package/dist/esm/types.mjs +1 -0
  73. package/dist/esm/types.mjs.map +1 -1
  74. package/dist/esm/types.native.js +1 -0
  75. package/dist/esm/types.native.js.map +1 -1
  76. package/dist/esm/validStyleProps.mjs +218 -272
  77. package/dist/esm/validStyleProps.mjs.map +1 -1
  78. package/dist/esm/validStyleProps.native.js +214 -266
  79. package/dist/esm/validStyleProps.native.js.map +1 -1
  80. package/dist/esm/webOnlyStyleProps.mjs +68 -67
  81. package/dist/esm/webOnlyStyleProps.mjs.map +1 -1
  82. package/dist/esm/webOnlyStyleProps.native.js +68 -67
  83. package/dist/esm/webOnlyStyleProps.native.js.map +1 -1
  84. package/dist/esm/withStaticProperties.mjs +11 -12
  85. package/dist/esm/withStaticProperties.mjs.map +1 -1
  86. package/dist/esm/withStaticProperties.native.js +12 -13
  87. package/dist/esm/withStaticProperties.native.js.map +1 -1
  88. package/package.json +13 -4
  89. package/src/composeEventHandlers.ts +6 -10
  90. package/src/index.ts +3 -0
  91. package/src/reservedThemeProps.ts +29 -0
  92. package/src/themeClassNames.ts +28 -0
  93. package/src/tokenCategories.ts +67 -0
  94. package/src/validStyleProps.ts +37 -79
  95. package/src/webOnlyStyleProps.ts +6 -3
  96. package/types/composeEventHandlers.d.ts.map +1 -1
  97. package/types/index.d.ts +3 -0
  98. package/types/index.d.ts.map +1 -1
  99. package/types/reservedThemeProps.d.ts +12 -0
  100. package/types/reservedThemeProps.d.ts.map +1 -0
  101. package/types/themeClassNames.d.ts +11 -0
  102. package/types/themeClassNames.d.ts.map +1 -0
  103. package/types/tokenCategories.d.ts +58 -0
  104. package/types/tokenCategories.d.ts.map +1 -0
  105. package/types/validStyleProps.d.ts +535 -560
  106. package/types/validStyleProps.d.ts.map +1 -1
  107. package/types/webOnlyStyleProps.d.ts +31 -29
  108. package/types/webOnlyStyleProps.d.ts.map +1 -1
  109. package/types/withStaticProperties.d.ts.map +1 -1
  110. package/dist/esm/index.js.map +0 -1
  111. package/dist/esm/index.mjs.map +0 -1
  112. package/dist/esm/index.native.js.map +0 -1
@@ -0,0 +1,58 @@
1
+ const tokenCategories = {
2
+ radius: {
3
+ borderRadius: true,
4
+ borderTopLeftRadius: true,
5
+ borderTopRightRadius: true,
6
+ borderBottomLeftRadius: true,
7
+ borderBottomRightRadius: true,
8
+ borderTopStartRadius: true,
9
+ borderTopEndRadius: true,
10
+ borderBottomStartRadius: true,
11
+ borderBottomEndRadius: true,
12
+ borderStartStartRadius: true,
13
+ borderStartEndRadius: true,
14
+ borderEndStartRadius: true,
15
+ borderEndEndRadius: true
16
+ },
17
+ size: {
18
+ width: true,
19
+ height: true,
20
+ minWidth: true,
21
+ minHeight: true,
22
+ maxWidth: true,
23
+ maxHeight: true,
24
+ blockSize: true,
25
+ minBlockSize: true,
26
+ maxBlockSize: true,
27
+ inlineSize: true,
28
+ minInlineSize: true,
29
+ maxInlineSize: true,
30
+ shadowRadius: true
31
+ },
32
+ zIndex: { zIndex: true },
33
+ color: {
34
+ backgroundColor: true,
35
+ borderColor: true,
36
+ borderBlockStartColor: true,
37
+ borderBlockEndColor: true,
38
+ borderBlockColor: true,
39
+ borderBottomColor: true,
40
+ borderInlineColor: true,
41
+ borderInlineStartColor: true,
42
+ borderInlineEndColor: true,
43
+ borderTopColor: true,
44
+ borderLeftColor: true,
45
+ borderRightColor: true,
46
+ borderEndColor: true,
47
+ borderStartColor: true,
48
+ shadowColor: true,
49
+ color: true,
50
+ textDecorationColor: true,
51
+ textShadowColor: true,
52
+ outlineColor: true,
53
+ caretColor: true
54
+ }
55
+ };
56
+
57
+ export { tokenCategories };
58
+ //# sourceMappingURL=tokenCategories.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokenCategories.js","names":[],"sources":["esm/tokenCategories.js"],"sourcesContent":["const tokenCategories = {\n\tradius: {\n\t\tborderRadius: true,\n\t\tborderTopLeftRadius: true,\n\t\tborderTopRightRadius: true,\n\t\tborderBottomLeftRadius: true,\n\t\tborderBottomRightRadius: true,\n\t\tborderTopStartRadius: true,\n\t\tborderTopEndRadius: true,\n\t\tborderBottomStartRadius: true,\n\t\tborderBottomEndRadius: true,\n\t\tborderStartStartRadius: true,\n\t\tborderStartEndRadius: true,\n\t\tborderEndStartRadius: true,\n\t\tborderEndEndRadius: true\n\t},\n\tsize: {\n\t\twidth: true,\n\t\theight: true,\n\t\tminWidth: true,\n\t\tminHeight: true,\n\t\tmaxWidth: true,\n\t\tmaxHeight: true,\n\t\tblockSize: true,\n\t\tminBlockSize: true,\n\t\tmaxBlockSize: true,\n\t\tinlineSize: true,\n\t\tminInlineSize: true,\n\t\tmaxInlineSize: true,\n\t\tshadowRadius: true\n\t},\n\tzIndex: { zIndex: true },\n\tcolor: {\n\t\tbackgroundColor: true,\n\t\tborderColor: true,\n\t\tborderBlockStartColor: true,\n\t\tborderBlockEndColor: true,\n\t\tborderBlockColor: true,\n\t\tborderBottomColor: true,\n\t\tborderInlineColor: true,\n\t\tborderInlineStartColor: true,\n\t\tborderInlineEndColor: true,\n\t\tborderTopColor: true,\n\t\tborderLeftColor: true,\n\t\tborderRightColor: true,\n\t\tborderEndColor: true,\n\t\tborderStartColor: true,\n\t\tshadowColor: true,\n\t\tcolor: true,\n\t\ttextDecorationColor: true,\n\t\ttextShadowColor: true,\n\t\toutlineColor: true,\n\t\tcaretColor: true\n\t}\n};\nexport { tokenCategories };\n//# sourceMappingURL=tokenCategories.js.map\n"],"mappings":";AAAA,MAAM,kBAAkB;CACvB,QAAQ;EACP,cAAc;EACd,qBAAqB;EACrB,sBAAsB;EACtB,wBAAwB;EACxB,yBAAyB;EACzB,sBAAsB;EACtB,oBAAoB;EACpB,yBAAyB;EACzB,uBAAuB;EACvB,wBAAwB;EACxB,sBAAsB;EACtB,sBAAsB;EACtB,oBAAoB;CACrB;CACA,MAAM;EACL,OAAO;EACP,QAAQ;EACR,UAAU;EACV,WAAW;EACX,UAAU;EACV,WAAW;EACX,WAAW;EACX,cAAc;EACd,cAAc;EACd,YAAY;EACZ,eAAe;EACf,eAAe;EACf,cAAc;CACf;CACA,QAAQ,EAAE,QAAQ,KAAK;CACvB,OAAO;EACN,iBAAiB;EACjB,aAAa;EACb,uBAAuB;EACvB,qBAAqB;EACrB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,wBAAwB;EACxB,sBAAsB;EACtB,gBAAgB;EAChB,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;EAChB,kBAAkB;EAClB,aAAa;EACb,OAAO;EACP,qBAAqB;EACrB,iBAAiB;EACjB,cAAc;EACd,YAAY;CACb;AACD"}
@@ -0,0 +1,57 @@
1
+ var tokenCategories = {
2
+ radius: {
3
+ borderRadius: true,
4
+ borderTopLeftRadius: true,
5
+ borderTopRightRadius: true,
6
+ borderBottomLeftRadius: true,
7
+ borderBottomRightRadius: true,
8
+ borderTopStartRadius: true,
9
+ borderTopEndRadius: true,
10
+ borderBottomStartRadius: true,
11
+ borderBottomEndRadius: true,
12
+ borderStartStartRadius: true,
13
+ borderStartEndRadius: true,
14
+ borderEndStartRadius: true,
15
+ borderEndEndRadius: true
16
+ },
17
+ size: {
18
+ width: true,
19
+ height: true,
20
+ minWidth: true,
21
+ minHeight: true,
22
+ maxWidth: true,
23
+ maxHeight: true,
24
+ blockSize: true,
25
+ minBlockSize: true,
26
+ maxBlockSize: true,
27
+ inlineSize: true,
28
+ minInlineSize: true,
29
+ maxInlineSize: true,
30
+ shadowRadius: true
31
+ },
32
+ zIndex: { zIndex: true },
33
+ color: {
34
+ backgroundColor: true,
35
+ borderColor: true,
36
+ borderBlockStartColor: true,
37
+ borderBlockEndColor: true,
38
+ borderBlockColor: true,
39
+ borderBottomColor: true,
40
+ borderInlineColor: true,
41
+ borderInlineStartColor: true,
42
+ borderInlineEndColor: true,
43
+ borderTopColor: true,
44
+ borderLeftColor: true,
45
+ borderRightColor: true,
46
+ borderEndColor: true,
47
+ borderStartColor: true,
48
+ shadowColor: true,
49
+ color: true,
50
+ textDecorationColor: true,
51
+ textShadowColor: true,
52
+ outlineColor: true
53
+ }
54
+ };
55
+
56
+ export { tokenCategories };
57
+ //# sourceMappingURL=tokenCategories.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokenCategories.native.js","names":[],"sources":["esm/tokenCategories.native.js"],"sourcesContent":["var tokenCategories = {\n\tradius: {\n\t\tborderRadius: true,\n\t\tborderTopLeftRadius: true,\n\t\tborderTopRightRadius: true,\n\t\tborderBottomLeftRadius: true,\n\t\tborderBottomRightRadius: true,\n\t\tborderTopStartRadius: true,\n\t\tborderTopEndRadius: true,\n\t\tborderBottomStartRadius: true,\n\t\tborderBottomEndRadius: true,\n\t\tborderStartStartRadius: true,\n\t\tborderStartEndRadius: true,\n\t\tborderEndStartRadius: true,\n\t\tborderEndEndRadius: true\n\t},\n\tsize: {\n\t\twidth: true,\n\t\theight: true,\n\t\tminWidth: true,\n\t\tminHeight: true,\n\t\tmaxWidth: true,\n\t\tmaxHeight: true,\n\t\tblockSize: true,\n\t\tminBlockSize: true,\n\t\tmaxBlockSize: true,\n\t\tinlineSize: true,\n\t\tminInlineSize: true,\n\t\tmaxInlineSize: true,\n\t\tshadowRadius: true\n\t},\n\tzIndex: { zIndex: true },\n\tcolor: {\n\t\tbackgroundColor: true,\n\t\tborderColor: true,\n\t\tborderBlockStartColor: true,\n\t\tborderBlockEndColor: true,\n\t\tborderBlockColor: true,\n\t\tborderBottomColor: true,\n\t\tborderInlineColor: true,\n\t\tborderInlineStartColor: true,\n\t\tborderInlineEndColor: true,\n\t\tborderTopColor: true,\n\t\tborderLeftColor: true,\n\t\tborderRightColor: true,\n\t\tborderEndColor: true,\n\t\tborderStartColor: true,\n\t\tshadowColor: true,\n\t\tcolor: true,\n\t\ttextDecorationColor: true,\n\t\ttextShadowColor: true,\n\t\toutlineColor: true\n\t}\n};\nexport { tokenCategories };\n//# sourceMappingURL=tokenCategories.js.map\n"],"mappings":";AAAA,IAAI,kBAAkB;CACrB,QAAQ;EACP,cAAc;EACd,qBAAqB;EACrB,sBAAsB;EACtB,wBAAwB;EACxB,yBAAyB;EACzB,sBAAsB;EACtB,oBAAoB;EACpB,yBAAyB;EACzB,uBAAuB;EACvB,wBAAwB;EACxB,sBAAsB;EACtB,sBAAsB;EACtB,oBAAoB;CACrB;CACA,MAAM;EACL,OAAO;EACP,QAAQ;EACR,UAAU;EACV,WAAW;EACX,UAAU;EACV,WAAW;EACX,WAAW;EACX,cAAc;EACd,cAAc;EACd,YAAY;EACZ,eAAe;EACf,eAAe;EACf,cAAc;CACf;CACA,QAAQ,EAAE,QAAQ,KAAK;CACvB,OAAO;EACN,iBAAiB;EACjB,aAAa;EACb,uBAAuB;EACvB,qBAAqB;EACrB,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,wBAAwB;EACxB,sBAAsB;EACtB,gBAAgB;EAChB,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;EAChB,kBAAkB;EAClB,aAAa;EACb,OAAO;EACP,qBAAqB;EACrB,iBAAiB;EACjB,cAAc;CACf;AACD"}
@@ -3,5 +3,6 @@ const StyleObjectValue = 1;
3
3
  const StyleObjectIdentifier = 2;
4
4
  const StyleObjectPseudo = 3;
5
5
  const StyleObjectRules = 4;
6
+
6
7
  export { StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, StyleObjectRules, StyleObjectValue };
7
8
  //# sourceMappingURL=types.mjs.map
@@ -1 +1 @@
1
- {"version":3,"names":["StyleObjectProperty","StyleObjectValue","StyleObjectIdentifier","StyleObjectPseudo","StyleObjectRules"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":"AAQO,MAAMA,mBAAA,GAAsB;AAC5B,MAAMC,gBAAA,GAAmB;AACzB,MAAMC,qBAAA,GAAwB;AAC9B,MAAMC,iBAAA,GAAoB;AAC1B,MAAMC,gBAAA,GAAmB","ignoreList":[]}
1
+ {"version":3,"file":"types.js","names":[],"sources":["esm/types.js"],"sourcesContent":["const StyleObjectProperty = 0;\nconst StyleObjectValue = 1;\nconst StyleObjectIdentifier = 2;\nconst StyleObjectPseudo = 3;\nconst StyleObjectRules = 4;\nexport {\n StyleObjectIdentifier,\n StyleObjectProperty,\n StyleObjectPseudo,\n StyleObjectRules,\n StyleObjectValue\n};\n//# sourceMappingURL=types.js.map\n"],"mappings":";AAAA,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB;AACzB,MAAM,wBAAwB;AAC9B,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB"}
@@ -3,5 +3,6 @@ var StyleObjectValue = 1;
3
3
  var StyleObjectIdentifier = 2;
4
4
  var StyleObjectPseudo = 3;
5
5
  var StyleObjectRules = 4;
6
+
6
7
  export { StyleObjectIdentifier, StyleObjectProperty, StyleObjectPseudo, StyleObjectRules, StyleObjectValue };
7
8
  //# sourceMappingURL=types.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["StyleObjectProperty","StyleObjectValue","StyleObjectIdentifier","StyleObjectPseudo","StyleObjectRules"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":"AAQO,IAAAA,mBAAM;AACN,IAAAC,gBAAM;AACN,IAAAC,qBAAM;AACN,IAAAC,iBAAM;AACN,IAAAC,gBAAM","ignoreList":[]}
1
+ {"version":3,"file":"types.native.js","names":[],"sources":["esm/types.native.js"],"sourcesContent":["var StyleObjectProperty = 0;\nvar StyleObjectValue = 1;\nvar StyleObjectIdentifier = 2;\nvar StyleObjectPseudo = 3;\nvar StyleObjectRules = 4;\nexport {\n StyleObjectIdentifier,\n StyleObjectProperty,\n StyleObjectPseudo,\n StyleObjectRules,\n StyleObjectValue\n};\n//# sourceMappingURL=types.js.map\n"],"mappings":";AAAA,IAAI,sBAAsB;AAC1B,IAAI,mBAAmB;AACvB,IAAI,wBAAwB;AAC5B,IAAI,oBAAoB;AACxB,IAAI,mBAAmB"}
@@ -1,301 +1,247 @@
1
1
  import { isAndroid } from "@tamagui/constants";
2
2
  import { nonAnimatableWebTextProps, nonAnimatableWebViewProps, webOnlyStylePropsText, webOnlyStylePropsView } from "./webOnlyStyleProps.mjs";
3
+ import { tokenCategories, tokenCategories as tokenCategories2 } from "./tokenCategories.mjs";
4
+
3
5
  const cssShorthandLonghands = {
4
- borderWidth: true,
5
- borderStyle: true,
6
- borderColor: true,
7
- borderTopWidth: true,
8
- borderTopStyle: true,
9
- borderTopColor: true,
10
- borderRightWidth: true,
11
- borderRightStyle: true,
12
- borderRightColor: true,
13
- borderBottomWidth: true,
14
- borderBottomStyle: true,
15
- borderBottomColor: true,
16
- borderLeftWidth: true,
17
- borderLeftStyle: true,
18
- borderLeftColor: true,
19
- outlineWidth: true,
20
- outlineStyle: true,
21
- outlineColor: true,
22
- outlineOffset: true
6
+ borderWidth: true,
7
+ borderStyle: true,
8
+ borderColor: true,
9
+ borderTopWidth: true,
10
+ borderTopStyle: true,
11
+ borderTopColor: true,
12
+ borderRightWidth: true,
13
+ borderRightStyle: true,
14
+ borderRightColor: true,
15
+ borderBottomWidth: true,
16
+ borderBottomStyle: true,
17
+ borderBottomColor: true,
18
+ borderLeftWidth: true,
19
+ borderLeftStyle: true,
20
+ borderLeftColor: true,
21
+ outlineWidth: true,
22
+ outlineStyle: true,
23
+ outlineColor: true,
24
+ outlineOffset: true
23
25
  };
24
26
  const textColors = {
25
- color: true,
26
- textDecorationColor: true,
27
- textShadowColor: true
28
- };
29
- const tokenCategories = {
30
- radius: {
31
- borderRadius: true,
32
- borderTopLeftRadius: true,
33
- borderTopRightRadius: true,
34
- borderBottomLeftRadius: true,
35
- borderBottomRightRadius: true,
36
- borderStartStartRadius: true,
37
- borderStartEndRadius: true,
38
- borderEndStartRadius: true,
39
- borderEndEndRadius: true
40
- },
41
- size: {
42
- width: true,
43
- height: true,
44
- minWidth: true,
45
- minHeight: true,
46
- maxWidth: true,
47
- maxHeight: true,
48
- blockSize: true,
49
- minBlockSize: true,
50
- maxBlockSize: true,
51
- inlineSize: true,
52
- minInlineSize: true,
53
- maxInlineSize: true
54
- },
55
- zIndex: {
56
- zIndex: true
57
- },
58
- color: {
59
- backgroundColor: true,
60
- borderColor: true,
61
- borderBlockStartColor: true,
62
- borderBlockEndColor: true,
63
- borderBlockColor: true,
64
- borderBottomColor: true,
65
- borderInlineColor: true,
66
- borderInlineStartColor: true,
67
- borderInlineEndColor: true,
68
- borderTopColor: true,
69
- borderLeftColor: true,
70
- borderRightColor: true,
71
- borderEndColor: true,
72
- borderStartColor: true,
73
- shadowColor: true,
74
- ...textColors,
75
- outlineColor: true,
76
- caretColor: true
77
- }
27
+ color: true,
28
+ textDecorationColor: true,
29
+ textShadowColor: true
78
30
  };
31
+ const { color: _textOnlyColor, textDecorationColor: _textOnlyDecoration, textShadowColor: _textOnlyShadow, ...viewColorCategoryProps } = tokenCategories.color;
79
32
  const nonAnimatableViewProps = {
80
- alignContent: true,
81
- alignItems: true,
82
- alignSelf: true,
83
- backfaceVisibility: true,
84
- borderCurve: true,
85
- borderStyle: true,
86
- borderBlockStyle: true,
87
- borderBlockEndStyle: true,
88
- borderBlockStartStyle: true,
89
- borderInlineStyle: true,
90
- borderInlineEndStyle: true,
91
- borderInlineStartStyle: true,
92
- boxSizing: true,
93
- cursor: true,
94
- direction: true,
95
- display: true,
96
- flexDirection: true,
97
- flexWrap: true,
98
- isolation: true,
99
- justifyContent: true,
100
- mixBlendMode: true,
101
- outlineStyle: true,
102
- overflow: true,
103
- position: true
33
+ alignContent: true,
34
+ alignItems: true,
35
+ alignSelf: true,
36
+ backfaceVisibility: true,
37
+ borderCurve: true,
38
+ borderStyle: true,
39
+ borderBlockStyle: true,
40
+ borderBlockEndStyle: true,
41
+ borderBlockStartStyle: true,
42
+ borderInlineStyle: true,
43
+ borderInlineEndStyle: true,
44
+ borderInlineStartStyle: true,
45
+ boxSizing: true,
46
+ cursor: true,
47
+ direction: true,
48
+ display: true,
49
+ flexDirection: true,
50
+ flexWrap: true,
51
+ isolation: true,
52
+ justifyContent: true,
53
+ mixBlendMode: true,
54
+ outlineStyle: true,
55
+ overflow: true,
56
+ pointerEvents: true,
57
+ position: true,
58
+ visibility: true
104
59
  };
105
60
  const nonAnimatableFontProps = {
106
- fontFamily: true,
107
- fontStyle: true,
108
- fontVariant: true,
109
- textTransform: true
61
+ fontFamily: true,
62
+ fontStyle: true,
63
+ fontVariant: true,
64
+ textTransform: true
110
65
  };
111
66
  const nonAnimatableTextOnlyProps = {
112
- textAlign: true,
113
- textDecorationLine: true,
114
- textDecorationStyle: true,
115
- userSelect: true
67
+ textAlign: true,
68
+ textDecorationLine: true,
69
+ textDecorationStyle: true,
70
+ userSelect: true,
71
+ writingDirection: true
116
72
  };
117
73
  const nonAnimatableUnitlessProps = {
118
- WebkitLineClamp: true,
119
- lineClamp: true,
120
- gridTemplateColumns: true,
121
- gridTemplateAreas: true
74
+ WebkitLineClamp: true,
75
+ lineClamp: true,
76
+ gridTemplateColumns: true,
77
+ gridTemplateAreas: true
122
78
  };
123
79
  const nonAnimatableStyleProps = {
124
- ...nonAnimatableViewProps,
125
- ...nonAnimatableFontProps,
126
- ...nonAnimatableTextOnlyProps,
127
- ...nonAnimatableUnitlessProps,
128
- ...nonAnimatableWebViewProps,
129
- ...nonAnimatableWebTextProps
80
+ ...nonAnimatableViewProps,
81
+ ...nonAnimatableFontProps,
82
+ ...nonAnimatableTextOnlyProps,
83
+ ...nonAnimatableUnitlessProps,
84
+ ...nonAnimatableWebViewProps,
85
+ ...nonAnimatableWebTextProps
130
86
  };
131
87
  const stylePropsUnitless = {
132
- ...nonAnimatableUnitlessProps,
133
- animationIterationCount: true,
134
- aspectRatio: true,
135
- borderImageOutset: true,
136
- borderImageSlice: true,
137
- borderImageWidth: true,
138
- columnCount: true,
139
- flex: true,
140
- flexGrow: true,
141
- flexOrder: true,
142
- flexPositive: true,
143
- flexShrink: true,
144
- flexNegative: true,
145
- fontWeight: true,
146
- gridRow: true,
147
- gridRowEnd: true,
148
- gridRowGap: true,
149
- gridRowStart: true,
150
- gridColumn: true,
151
- gridColumnEnd: true,
152
- gridColumnGap: true,
153
- gridColumnStart: true,
154
- opacity: true,
155
- order: true,
156
- orphans: true,
157
- tabSize: true,
158
- widows: true,
159
- zIndex: true,
160
- zoom: true,
161
- scale: true,
162
- scaleX: true,
163
- scaleY: true,
164
- scaleZ: true,
165
- shadowOpacity: true
88
+ ...nonAnimatableUnitlessProps,
89
+ animationIterationCount: true,
90
+ aspectRatio: true,
91
+ borderImageOutset: true,
92
+ borderImageSlice: true,
93
+ borderImageWidth: true,
94
+ columnCount: true,
95
+ flex: true,
96
+ flexGrow: true,
97
+ flexOrder: true,
98
+ flexPositive: true,
99
+ flexShrink: true,
100
+ flexNegative: true,
101
+ fontWeight: true,
102
+ gridRow: true,
103
+ gridRowEnd: true,
104
+ gridRowGap: true,
105
+ gridRowStart: true,
106
+ gridColumn: true,
107
+ gridColumnEnd: true,
108
+ gridColumnGap: true,
109
+ gridColumnStart: true,
110
+ opacity: true,
111
+ order: true,
112
+ orphans: true,
113
+ tabSize: true,
114
+ widows: true,
115
+ zIndex: true,
116
+ zoom: true,
117
+ scale: true,
118
+ scaleX: true,
119
+ scaleY: true,
120
+ scaleZ: true,
121
+ shadowOpacity: true
166
122
  };
167
123
  const stylePropsTransform = {
168
- x: true,
169
- y: true,
170
- scale: true,
171
- perspective: true,
172
- scaleX: true,
173
- scaleY: true,
174
- skewX: true,
175
- skewY: true,
176
- matrix: true,
177
- rotate: true,
178
- rotateY: true,
179
- rotateX: true,
180
- rotateZ: true
124
+ x: true,
125
+ y: true,
126
+ scale: true,
127
+ perspective: true,
128
+ scaleX: true,
129
+ scaleY: true,
130
+ skewX: true,
131
+ skewY: true,
132
+ matrix: true,
133
+ rotate: true,
134
+ rotateY: true,
135
+ rotateX: true,
136
+ rotateZ: true
181
137
  };
182
138
  const stylePropsView = {
183
- ...nonAnimatableViewProps,
184
- borderBottomEndRadius: true,
185
- borderBottomStartRadius: true,
186
- borderBottomWidth: true,
187
- borderLeftWidth: true,
188
- borderRightWidth: true,
189
- borderBlockWidth: true,
190
- borderBlockEndWidth: true,
191
- borderBlockStartWidth: true,
192
- borderInlineWidth: true,
193
- borderInlineEndWidth: true,
194
- borderInlineStartWidth: true,
195
- borderTopEndRadius: true,
196
- borderTopStartRadius: true,
197
- borderTopWidth: true,
198
- borderWidth: true,
199
- transform: true,
200
- transformOrigin: true,
201
- borderEndWidth: true,
202
- borderStartWidth: true,
203
- bottom: true,
204
- end: true,
205
- flexBasis: true,
206
- gap: true,
207
- columnGap: true,
208
- rowGap: true,
209
- left: true,
210
- margin: true,
211
- marginBlock: true,
212
- marginBlockEnd: true,
213
- marginBlockStart: true,
214
- marginInline: true,
215
- marginInlineStart: true,
216
- marginInlineEnd: true,
217
- marginBottom: true,
218
- marginEnd: true,
219
- marginHorizontal: true,
220
- marginLeft: true,
221
- marginRight: true,
222
- marginStart: true,
223
- marginTop: true,
224
- marginVertical: true,
225
- padding: true,
226
- paddingBottom: true,
227
- paddingInline: true,
228
- paddingBlock: true,
229
- paddingBlockStart: true,
230
- paddingInlineEnd: true,
231
- paddingInlineStart: true,
232
- paddingEnd: true,
233
- paddingHorizontal: true,
234
- paddingLeft: true,
235
- paddingRight: true,
236
- paddingStart: true,
237
- paddingTop: true,
238
- paddingVertical: true,
239
- right: true,
240
- start: true,
241
- top: true,
242
- inset: true,
243
- insetBlock: true,
244
- insetBlockEnd: true,
245
- insetBlockStart: true,
246
- insetInline: true,
247
- insetInlineEnd: true,
248
- insetInlineStart: true,
249
- shadowOffset: true,
250
- shadowRadius: true,
251
- ...tokenCategories.color,
252
- ...tokenCategories.radius,
253
- ...tokenCategories.size,
254
- ...stylePropsTransform,
255
- ...stylePropsUnitless,
256
- ...(isAndroid ? {
257
- elevationAndroid: true
258
- } : {}),
259
- boxShadow: true,
260
- border: true,
261
- filter: true,
262
- backgroundImage: true,
263
- experimental_backgroundImage: true,
264
- outline: true,
265
- outlineColor: true,
266
- outlineOffset: true,
267
- outlineWidth: true,
268
- ...webOnlyStylePropsView
139
+ ...nonAnimatableViewProps,
140
+ borderBottomWidth: true,
141
+ borderLeftWidth: true,
142
+ borderRightWidth: true,
143
+ borderBlockWidth: true,
144
+ borderBlockEndWidth: true,
145
+ borderBlockStartWidth: true,
146
+ borderInlineWidth: true,
147
+ borderInlineEndWidth: true,
148
+ borderInlineStartWidth: true,
149
+ borderTopWidth: true,
150
+ borderWidth: true,
151
+ transform: true,
152
+ transformOrigin: true,
153
+ borderEndWidth: true,
154
+ borderStartWidth: true,
155
+ bottom: true,
156
+ end: true,
157
+ flexBasis: true,
158
+ gap: true,
159
+ columnGap: true,
160
+ rowGap: true,
161
+ left: true,
162
+ margin: true,
163
+ marginBlock: true,
164
+ marginBlockEnd: true,
165
+ marginBlockStart: true,
166
+ marginInline: true,
167
+ marginInlineStart: true,
168
+ marginInlineEnd: true,
169
+ marginBottom: true,
170
+ marginEnd: true,
171
+ marginHorizontal: true,
172
+ marginLeft: true,
173
+ marginRight: true,
174
+ marginStart: true,
175
+ marginTop: true,
176
+ marginVertical: true,
177
+ padding: true,
178
+ paddingBottom: true,
179
+ paddingInline: true,
180
+ paddingBlock: true,
181
+ paddingBlockEnd: true,
182
+ paddingBlockStart: true,
183
+ paddingInlineEnd: true,
184
+ paddingInlineStart: true,
185
+ paddingEnd: true,
186
+ paddingHorizontal: true,
187
+ paddingLeft: true,
188
+ paddingRight: true,
189
+ paddingStart: true,
190
+ paddingTop: true,
191
+ paddingVertical: true,
192
+ right: true,
193
+ start: true,
194
+ top: true,
195
+ inset: true,
196
+ insetBlock: true,
197
+ insetBlockEnd: true,
198
+ insetBlockStart: true,
199
+ insetInline: true,
200
+ insetInlineEnd: true,
201
+ insetInlineStart: true,
202
+ shadowOffset: true,
203
+ ...viewColorCategoryProps,
204
+ ...tokenCategories.radius,
205
+ ...tokenCategories.size,
206
+ ...stylePropsTransform,
207
+ ...stylePropsUnitless,
208
+ ...isAndroid ? { elevationAndroid: true } : {},
209
+ boxShadow: true,
210
+ border: true,
211
+ borderBlock: true,
212
+ borderInline: true,
213
+ filter: true,
214
+ background: true,
215
+ backgroundImage: true,
216
+ experimental_backgroundImage: true,
217
+ outline: true,
218
+ outlineColor: true,
219
+ outlineOffset: true,
220
+ outlineWidth: true,
221
+ ...webOnlyStylePropsView
269
222
  };
270
223
  const stylePropsTextOnly = {
271
- ...nonAnimatableFontProps,
272
- fontSize: true,
273
- fontWeight: true,
274
- letterSpacing: true,
275
- lineHeight: true,
276
- ...nonAnimatableTextOnlyProps,
277
- ...textColors,
278
- textShadow: true,
279
- textShadowOffset: true,
280
- textShadowRadius: true,
281
- verticalAlign: true,
282
- ...webOnlyStylePropsText
224
+ ...nonAnimatableFontProps,
225
+ fontSize: true,
226
+ fontWeight: true,
227
+ letterSpacing: true,
228
+ lineHeight: true,
229
+ ...nonAnimatableTextOnlyProps,
230
+ ...textColors,
231
+ textShadow: true,
232
+ textShadowOffset: true,
233
+ textShadowRadius: true,
234
+ textDecoration: true,
235
+ font: true,
236
+ verticalAlign: true,
237
+ ...webOnlyStylePropsText
283
238
  };
284
239
  const stylePropsText = {
285
- ...stylePropsView,
286
- ...stylePropsTextOnly
240
+ ...stylePropsView,
241
+ ...stylePropsTextOnly
287
242
  };
288
243
  const stylePropsAll = stylePropsText;
289
- const validPseudoKeys = {
290
- enterStyle: true,
291
- exitStyle: true,
292
- hoverStyle: true,
293
- pressStyle: true,
294
- focusStyle: true,
295
- disabledStyle: true,
296
- focusWithinStyle: true,
297
- focusVisibleStyle: true
298
- };
299
244
  const validStyles = stylePropsView;
300
- export { cssShorthandLonghands, nonAnimatableStyleProps, stylePropsAll, stylePropsText, stylePropsTextOnly, stylePropsTransform, stylePropsUnitless, stylePropsView, tokenCategories, validPseudoKeys, validStyles };
245
+
246
+ export { cssShorthandLonghands, nonAnimatableStyleProps, stylePropsAll, stylePropsText, stylePropsTextOnly, stylePropsTransform, stylePropsUnitless, stylePropsView, tokenCategories2 as tokenCategories, validStyles };
301
247
  //# sourceMappingURL=validStyleProps.mjs.map