taro-css-to-react-native 3.7.0-alpha.26 → 3.7.0-alpha.27

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 (21) hide show
  1. package/dist/css-to-react-native/TokenStream.js +3 -2
  2. package/dist/css-to-react-native/index.js +9 -5
  3. package/dist/css-to-react-native/tokenTypes.js +5 -3
  4. package/dist/css-to-react-native/transforms/border.js +17 -9
  5. package/dist/css-to-react-native/transforms/boxShadow.js +3 -2
  6. package/dist/css-to-react-native/transforms/flex.js +3 -2
  7. package/dist/css-to-react-native/transforms/font.js +3 -2
  8. package/dist/css-to-react-native/transforms/fontFamily.js +3 -2
  9. package/dist/css-to-react-native/transforms/index.js +3 -2
  10. package/dist/css-to-react-native/transforms/textDecoration.js +3 -2
  11. package/dist/css-to-react-native/transforms/textDecorationLine.js +3 -2
  12. package/dist/css-to-react-native/transforms/textShadow.js +3 -2
  13. package/dist/css-to-react-native/transforms/transform.js +3 -2
  14. package/dist/css-to-react-native/transforms/util.js +9 -5
  15. package/dist/index.js +2 -1
  16. package/dist/transforms/media-queries/features.js +4 -2
  17. package/dist/transforms/media-queries/types.js +8 -4
  18. package/dist/transforms/rem.js +3 -2
  19. package/dist/utils/allEqual.js +3 -2
  20. package/dist/utils/values.js +3 -2
  21. package/package.json +1 -1
package/dist/css-to-react-native/TokenStream.js CHANGED
@@ -11,7 +11,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
11
11
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
12
12
  function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
13
13
  var SYMBOL_MATCH = 'SYMBOL_MATCH';
14
- var TokenStream = exports["default"] = /*#__PURE__*/function () {
14
+ var TokenStream = /*#__PURE__*/function () {
15
15
  function TokenStream(nodes, parent) {
16
16
  _classCallCheck(this, TokenStream);
17
17
  this.index = 0;
@@ -103,4 +103,5 @@ var TokenStream = exports["default"] = /*#__PURE__*/function () {
103
103
  }
104
104
  }]);
105
105
  return TokenStream;
106
- }();
106
+ }();
107
+ exports["default"] = TokenStream;
package/dist/css-to-react-native/index.js CHANGED
@@ -20,7 +20,7 @@ var nullRe = /^null$/i;
20
20
  var undefinedRe = /^undefined$/i;
21
21
 
22
22
  // Undocumented export
23
- var transformRawValue = exports.transformRawValue = function transformRawValue(input) {
23
+ var transformRawValue = function transformRawValue(input) {
24
24
  var value = input.trim();
25
25
  var numberMatch = value.match(numberOrLengthRe);
26
26
  if (numberMatch !== null) {
@@ -43,6 +43,7 @@ var transformRawValue = exports.transformRawValue = function transformRawValue(i
43
43
  if (undefinedMatch !== null) return undefined;
44
44
  return value;
45
45
  };
46
+ exports.transformRawValue = transformRawValue;
46
47
  var baseTransformShorthandValue = function baseTransformShorthandValue(propName, inputValue) {
47
48
  // const ast = parse(inputValue.trim().replace(/PX|Px|pX$/g, ""));
48
49
  var ast = (0, _postcssValueParser["default"])(inputValue);
@@ -57,19 +58,21 @@ var checkBaseTransformShorthandValue = function checkBaseTransformShorthandValue
57
58
  }
58
59
  };
59
60
  var transformShorthandValue = process.env.NODE_ENV === 'production' ? baseTransformShorthandValue : checkBaseTransformShorthandValue;
60
- var getStylesForProperty = exports.getStylesForProperty = function getStylesForProperty(propName, inputValue, allowShorthand) {
61
+ var getStylesForProperty = function getStylesForProperty(propName, inputValue, allowShorthand) {
61
62
  var isRawValue = allowShorthand === false || !(propName in _index["default"]);
62
63
  var propValue = isRawValue ? transformRawValue(inputValue) : transformShorthandValue(propName, inputValue.trim());
63
64
  return propValue && propValue.$merge ? propValue.$merge : _defineProperty({}, propName, propValue);
64
65
  };
65
- var getPropertyName = exports.getPropertyName = function getPropertyName(propName) {
66
+ exports.getStylesForProperty = getStylesForProperty;
67
+ var getPropertyName = function getPropertyName(propName) {
66
68
  var isCustomProp = /^--\w+/.test(propName);
67
69
  if (isCustomProp) {
68
70
  return propName;
69
71
  }
70
72
  return (0, _camelize["default"])(propName);
71
73
  };
72
- var _default = exports["default"] = function _default(rules) {
74
+ exports.getPropertyName = getPropertyName;
75
+ var _default = function _default(rules) {
73
76
  var shorthandBlacklist = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
74
77
  return rules.reduce(function (accum, rule) {
75
78
  var propertyName = getPropertyName(rule[0]);
@@ -77,4 +80,5 @@ var _default = exports["default"] = function _default(rules) {
77
80
  var allowShorthand = shorthandBlacklist.indexOf(propertyName) === -1;
78
81
  return Object.assign(accum, getStylesForProperty(propertyName, value, allowShorthand));
79
82
  }, {});
80
- };
83
+ };
84
+ exports["default"] = _default;
package/dist/css-to-react-native/tokenTypes.js CHANGED
@@ -62,7 +62,7 @@ var functionValueForTypeToken = function functionValueForTypeToken(type) {
62
62
  return null;
63
63
  };
64
64
  };
65
- var regExpToken = exports.regExpToken = function regExpToken(regExp) {
65
+ var regExpToken = function regExpToken(regExp) {
66
66
  var transform = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : String;
67
67
  return function (node) {
68
68
  var _node$value$match;
@@ -81,7 +81,8 @@ var regExpToken = exports.regExpToken = function regExpToken(regExp) {
81
81
  }
82
82
  };
83
83
  };
84
- var tokens = exports.tokens = {
84
+ exports.regExpToken = regExpToken;
85
+ var tokens = {
85
86
  SPACE: noopToken(function (node) {
86
87
  return node.type === 'space';
87
88
  }),
@@ -104,4 +105,5 @@ var tokens = exports.tokens = {
104
105
  STRING: matchString,
105
106
  COLOR: matchColor,
106
107
  LINE: regExpToken(/^(none|underline|line-through)$/i)
107
- };
108
+ };
109
+ exports.tokens = tokens;
package/dist/css-to-react-native/transforms/border.js CHANGED
@@ -30,22 +30,30 @@ function borderDirectionFactory() {
30
30
  "default": 'solid'
31
31
  }), _anyOrderFactory));
32
32
  }
33
- var border = exports.border = borderDirectionFactory();
34
- var borderTop = exports.borderTop = borderDirectionFactory('Top');
35
- var borderRight = exports.borderRight = borderDirectionFactory('Right');
36
- var borderBottom = exports.borderBottom = borderDirectionFactory('Bottom');
37
- var borderLeft = exports.borderLeft = borderDirectionFactory('Left');
38
- var borderColor = exports.borderColor = (0, _util.directionFactory)({
33
+ var border = borderDirectionFactory();
34
+ exports.border = border;
35
+ var borderTop = borderDirectionFactory('Top');
36
+ exports.borderTop = borderTop;
37
+ var borderRight = borderDirectionFactory('Right');
38
+ exports.borderRight = borderRight;
39
+ var borderBottom = borderDirectionFactory('Bottom');
40
+ exports.borderBottom = borderBottom;
41
+ var borderLeft = borderDirectionFactory('Left');
42
+ exports.borderLeft = borderLeft;
43
+ var borderColor = (0, _util.directionFactory)({
39
44
  types: [WORD, FUNC],
40
45
  prefix: 'border',
41
46
  suffix: 'Color'
42
47
  });
43
- var borderRadius = exports.borderRadius = (0, _util.directionFactory)({
48
+ exports.borderColor = borderColor;
49
+ var borderRadius = (0, _util.directionFactory)({
44
50
  directions: ['TopLeft', 'TopRight', 'BottomRight', 'BottomLeft'],
45
51
  prefix: 'border',
46
52
  suffix: 'Radius'
47
53
  });
48
- var borderWidth = exports.borderWidth = (0, _util.directionFactory)({
54
+ exports.borderRadius = borderRadius;
55
+ var borderWidth = (0, _util.directionFactory)({
49
56
  prefix: 'border',
50
57
  suffix: 'Width'
51
- });
58
+ });
59
+ exports.borderWidth = borderWidth;
package/dist/css-to-react-native/transforms/boxShadow.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports["default"] = void 0;
7
7
  var _util = require("./util");
8
- var _default = exports["default"] = function _default(tokenStream) {
8
+ var _default = function _default(tokenStream) {
9
9
  var _parseShadow = (0, _util.parseShadow)(tokenStream),
10
10
  offset = _parseShadow.offset,
11
11
  radius = _parseShadow.radius,
@@ -18,4 +18,5 @@ var _default = exports["default"] = function _default(tokenStream) {
18
18
  shadowOpacity: 1
19
19
  }
20
20
  };
21
- };
21
+ };
22
+ exports["default"] = _default;
package/dist/css-to-react-native/transforms/flex.js CHANGED
@@ -13,7 +13,7 @@ var NONE = _tokenTypes.tokens.NONE,
13
13
  var defaultFlexGrow = 1;
14
14
  var defaultFlexShrink = 1;
15
15
  var defaultFlexBasis = 0;
16
- var _default = exports["default"] = function _default(tokenStream) {
16
+ var _default = function _default(tokenStream) {
17
17
  var flexGrow;
18
18
  var flexShrink;
19
19
  var flexBasis;
@@ -69,4 +69,5 @@ var _default = exports["default"] = function _default(tokenStream) {
69
69
  flexBasis: flexBasis
70
70
  }
71
71
  };
72
- };
72
+ };
73
+ exports["default"] = _default;
package/dist/css-to-react-native/transforms/font.js CHANGED
@@ -19,7 +19,7 @@ var VARIANT = (0, _tokenTypes.regExpToken)(/^(small-caps)$/);
19
19
  var defaultFontStyle = 'normal';
20
20
  var defaultFontWeight = 'normal';
21
21
  var defaultFontVariant = [];
22
- var _default = exports["default"] = function _default(tokenStream) {
22
+ var _default = function _default(tokenStream) {
23
23
  var fontStyle;
24
24
  var fontWeight;
25
25
  var fontVariant;
@@ -68,4 +68,5 @@ var _default = exports["default"] = function _default(tokenStream) {
68
68
  return {
69
69
  $merge: out
70
70
  };
71
- };
71
+ };
72
+ exports["default"] = _default;
package/dist/css-to-react-native/transforms/fontFamily.js CHANGED
@@ -8,7 +8,7 @@ var _tokenTypes = require("../tokenTypes");
8
8
  var SPACE = _tokenTypes.tokens.SPACE,
9
9
  IDENT = _tokenTypes.tokens.IDENT,
10
10
  STRING = _tokenTypes.tokens.STRING;
11
- var _default = exports["default"] = function _default(tokenStream) {
11
+ var _default = function _default(tokenStream) {
12
12
  var fontFamily;
13
13
  if (tokenStream.matches(STRING)) {
14
14
  fontFamily = tokenStream.lastValue;
@@ -22,4 +22,5 @@ var _default = exports["default"] = function _default(tokenStream) {
22
22
  }
23
23
  tokenStream.expectEmpty();
24
24
  return fontFamily;
25
- };
25
+ };
26
+ exports["default"] = _default;
package/dist/css-to-react-native/transforms/index.js CHANGED
@@ -55,7 +55,7 @@ var fontWeight = function fontWeight(tokenStream) {
55
55
  }; // Also match numbers as strings
56
56
  var shadowOffset = (0, _util.shadowOffsetFactory)();
57
57
  var textShadowOffset = (0, _util.shadowOffsetFactory)();
58
- var _default = exports["default"] = {
58
+ var _default = {
59
59
  background: background,
60
60
  border: _border.border,
61
61
  borderTop: _border.borderTop,
@@ -80,4 +80,5 @@ var _default = exports["default"] = {
80
80
  textDecoration: _textDecoration["default"],
81
81
  textDecorationLine: _textDecorationLine["default"],
82
82
  transform: _transform["default"]
83
- };
83
+ };
84
+ exports["default"] = _default;
package/dist/css-to-react-native/transforms/textDecoration.js CHANGED
@@ -12,7 +12,7 @@ var STYLE = (0, _tokenTypes.regExpToken)(/^(solid|double|dotted|dashed)$/);
12
12
  var defaultTextDecorationLine = 'none';
13
13
  var defaultTextDecorationStyle = 'solid';
14
14
  var defaultTextDecorationColor = 'black';
15
- var _default = exports["default"] = function _default(tokenStream) {
15
+ var _default = function _default(tokenStream) {
16
16
  var line;
17
17
  var style;
18
18
  var color;
@@ -47,4 +47,5 @@ var _default = exports["default"] = function _default(tokenStream) {
47
47
  return {
48
48
  $merge: $merge
49
49
  };
50
- };
50
+ };
51
+ exports["default"] = _default;
package/dist/css-to-react-native/transforms/textDecorationLine.js CHANGED
@@ -7,7 +7,7 @@ exports["default"] = void 0;
7
7
  var _tokenTypes = require("../tokenTypes");
8
8
  var SPACE = _tokenTypes.tokens.SPACE,
9
9
  LINE = _tokenTypes.tokens.LINE;
10
- var _default = exports["default"] = function _default(tokenStream) {
10
+ var _default = function _default(tokenStream) {
11
11
  var lines = [];
12
12
  var didParseFirst = false;
13
13
  while (tokenStream.hasTokens()) {
@@ -17,4 +17,5 @@ var _default = exports["default"] = function _default(tokenStream) {
17
17
  }
18
18
  lines.sort().reverse();
19
19
  return lines.join(' ');
20
- };
20
+ };
21
+ exports["default"] = _default;
package/dist/css-to-react-native/transforms/textShadow.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports["default"] = void 0;
7
7
  var _util = require("./util");
8
- var _default = exports["default"] = function _default(tokenStream) {
8
+ var _default = function _default(tokenStream) {
9
9
  var _parseShadow = (0, _util.parseShadow)(tokenStream),
10
10
  offset = _parseShadow.offset,
11
11
  radius = _parseShadow.radius,
@@ -17,4 +17,5 @@ var _default = exports["default"] = function _default(tokenStream) {
17
17
  textShadowColor: color
18
18
  }
19
19
  };
20
- };
20
+ };
21
+ exports["default"] = _default;
package/dist/css-to-react-native/transforms/transform.js CHANGED
@@ -63,7 +63,7 @@ var partTransforms = {
63
63
  skewY: singleAngle,
64
64
  skew: xyAngle('skew', '0deg')
65
65
  };
66
- var _default = exports["default"] = function _default(tokenStream) {
66
+ var _default = function _default(tokenStream) {
67
67
  var transforms = [];
68
68
  var didParseFirst = false;
69
69
  while (tokenStream.hasTokens()) {
@@ -78,4 +78,5 @@ var _default = exports["default"] = function _default(tokenStream) {
78
78
  didParseFirst = true;
79
79
  }
80
80
  return transforms;
81
- };
81
+ };
82
+ exports["default"] = _default;
package/dist/css-to-react-native/transforms/util.js CHANGED
@@ -21,7 +21,7 @@ var LENGTH = _tokenTypes.tokens.LENGTH,
21
21
  COLOR = _tokenTypes.tokens.COLOR,
22
22
  SPACE = _tokenTypes.tokens.SPACE,
23
23
  NONE = _tokenTypes.tokens.NONE;
24
- var directionFactory = exports.directionFactory = function directionFactory(_ref) {
24
+ var directionFactory = function directionFactory(_ref) {
25
25
  var _ref$types = _ref.types,
26
26
  types = _ref$types === void 0 ? [LENGTH, UNSUPPORTED_LENGTH_UNIT, PERCENT] : _ref$types,
27
27
  _ref$directions = _ref.directions,
@@ -57,7 +57,8 @@ var directionFactory = exports.directionFactory = function directionFactory(_ref
57
57
  };
58
58
  };
59
59
  };
60
- var anyOrderFactory = exports.anyOrderFactory = function anyOrderFactory(properties) {
60
+ exports.directionFactory = directionFactory;
61
+ var anyOrderFactory = function anyOrderFactory(properties) {
61
62
  var delim = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : SPACE;
62
63
  return function (tokenStream) {
63
64
  var propertyNames = Object.keys(properties);
@@ -91,7 +92,8 @@ var anyOrderFactory = exports.anyOrderFactory = function anyOrderFactory(propert
91
92
  };
92
93
  };
93
94
  };
94
- var shadowOffsetFactory = exports.shadowOffsetFactory = function shadowOffsetFactory() {
95
+ exports.anyOrderFactory = anyOrderFactory;
96
+ var shadowOffsetFactory = function shadowOffsetFactory() {
95
97
  return function (tokenStream) {
96
98
  var width = tokenStream.expect(LENGTH);
97
99
  var height = tokenStream.matches(SPACE) ? tokenStream.expect(LENGTH) : width;
@@ -102,7 +104,8 @@ var shadowOffsetFactory = exports.shadowOffsetFactory = function shadowOffsetFac
102
104
  };
103
105
  };
104
106
  };
105
- var parseShadow = exports.parseShadow = function parseShadow(tokenStream) {
107
+ exports.shadowOffsetFactory = shadowOffsetFactory;
108
+ var parseShadow = function parseShadow(tokenStream) {
106
109
  var offsetX;
107
110
  var offsetY;
108
111
  var radius;
@@ -159,4 +162,5 @@ var parseShadow = exports.parseShadow = function parseShadow(tokenStream) {
159
162
  radius: typeof radius !== 'undefined' ? radius : 0,
160
163
  color: typeof color !== 'undefined' ? color : 'black'
161
164
  };
162
- };
165
+ };
166
+ exports.parseShadow = parseShadow;
package/dist/index.js CHANGED
@@ -137,4 +137,5 @@ var transform = function transform(css, options) {
137
137
  }
138
138
  return result;
139
139
  };
140
- var _default = exports["default"] = transform;
140
+ var _default = transform;
141
+ exports["default"] = _default;
package/dist/transforms/media-queries/features.js CHANGED
@@ -4,5 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.mediaQueryFeatures = exports.dimensionFeatures = void 0;
7
- var dimensionFeatures = exports.dimensionFeatures = ['width', 'height', 'device-width', 'device-height'];
8
- var mediaQueryFeatures = exports.mediaQueryFeatures = ['orientation', 'scan', 'resolution', 'aspect-ratio', 'device-aspect-ratio', 'grid', 'color', 'color-index', 'monochrome'].concat(dimensionFeatures);
7
+ var dimensionFeatures = ['width', 'height', 'device-width', 'device-height'];
8
+ exports.dimensionFeatures = dimensionFeatures;
9
+ var mediaQueryFeatures = ['orientation', 'scan', 'resolution', 'aspect-ratio', 'device-aspect-ratio', 'grid', 'color', 'color-index', 'monochrome'].concat(dimensionFeatures);
10
+ exports.mediaQueryFeatures = mediaQueryFeatures;
package/dist/transforms/media-queries/types.js CHANGED
@@ -4,7 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.reactNativeMediaQueryTypes = exports.mediaQueryTypes = exports.defaultTypes = exports.cssnextMediaQueryTypes = void 0;
7
- var defaultTypes = exports.defaultTypes = ['all', 'braille', 'embossed', 'handheld', 'print', 'projection', 'screen', 'speech', 'tty', 'tv'];
8
- var cssnextMediaQueryTypes = exports.cssnextMediaQueryTypes = ['pointer', 'hover', 'block-overflow'];
9
- var reactNativeMediaQueryTypes = exports.reactNativeMediaQueryTypes = ['android', 'dom', 'ios', 'macos', 'web', 'windows'];
10
- var mediaQueryTypes = exports.mediaQueryTypes = defaultTypes.concat(cssnextMediaQueryTypes).concat(reactNativeMediaQueryTypes);
7
+ var defaultTypes = ['all', 'braille', 'embossed', 'handheld', 'print', 'projection', 'screen', 'speech', 'tty', 'tv'];
8
+ exports.defaultTypes = defaultTypes;
9
+ var cssnextMediaQueryTypes = ['pointer', 'hover', 'block-overflow'];
10
+ exports.cssnextMediaQueryTypes = cssnextMediaQueryTypes;
11
+ var reactNativeMediaQueryTypes = ['android', 'dom', 'ios', 'macos', 'web', 'windows'];
12
+ exports.reactNativeMediaQueryTypes = reactNativeMediaQueryTypes;
13
+ var mediaQueryTypes = defaultTypes.concat(cssnextMediaQueryTypes).concat(reactNativeMediaQueryTypes);
14
+ exports.mediaQueryTypes = mediaQueryTypes;
package/dist/transforms/rem.js CHANGED
@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.remToPx = void 0;
7
- var remToPx = exports.remToPx = function remToPx(value) {
7
+ var remToPx = function remToPx(value) {
8
8
  return value.replace(/(\d*\.?\d+)rem/g, function (match, m1) {
9
9
  return parseFloat(m1, 10) * 16 + 'px';
10
10
  });
11
- };
11
+ };
12
+ exports.remToPx = remToPx;
package/dist/utils/allEqual.js CHANGED
@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.allEqual = void 0;
7
- var allEqual = exports.allEqual = function allEqual(arr) {
7
+ var allEqual = function allEqual(arr) {
8
8
  return arr.every(function (v) {
9
9
  return v === arr[0];
10
10
  });
11
- };
11
+ };
12
+ exports.allEqual = allEqual;
package/dist/utils/values.js CHANGED
@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.values = void 0;
7
- var values = exports.values = function values(obj) {
7
+ var values = function values(obj) {
8
8
  return Object.keys(obj).map(function (key) {
9
9
  return obj[key];
10
10
  });
11
- };
11
+ };
12
+ exports.values = values;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "taro-css-to-react-native",
3
3
  "description": "Convert CSS text to a React Native stylesheet object",
4
- "version": "3.7.0-alpha.26",
4
+ "version": "3.7.0-alpha.27",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
7
7
  "files": [