react-outline 1.7.3 → 2.1.0

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 (84) hide show
  1. package/README.md +151 -116
  2. package/dist/Styles.js +34 -35
  3. package/dist/element.js +69 -88
  4. package/dist/main.js +22 -35
  5. package/dist/reactOutline.js +241 -0
  6. package/dist/reactOutline.js.map +7 -0
  7. package/dist/styleItem.js +105 -91
  8. package/dist/utils/buildCssString.js +2 -2
  9. package/dist/utils/genCss.js +21 -32
  10. package/dist/utils/genStyles.js +13 -26
  11. package/dist/utils/hasKids.js +2 -4
  12. package/dist/utils/index.js +80 -66
  13. package/dist/utils/makeid.js +3 -6
  14. package/dist/utils/object2css.js +10 -22
  15. package/dist/utils/pubsub.js +10 -24
  16. package/dist/utils/replaceColors.js +3 -4
  17. package/dist/utils/replacedStyleFn.js +5 -10
  18. package/dist/utils/sanitizeOutlineInput.js +8 -24
  19. package/dist/utils/separateCssStyle.js +5 -8
  20. package/dist/wrapStyles.js +18 -14
  21. package/index.d.ts +149 -0
  22. package/package.json +38 -24
  23. package/.babelrc +0 -6
  24. package/.travis.yml +0 -7
  25. package/__snapshots__/cornerCases.test.js.snap +0 -139
  26. package/__snapshots__/example.test.js.snap +0 -408
  27. package/cornerCases.test.js +0 -367
  28. package/dist/utils/sanitizeStyleObj.js +0 -22
  29. package/empty-module.js +0 -1
  30. package/example/.babelrc +0 -4
  31. package/example/.storybook/config.js +0 -7
  32. package/example/.storybook/webpack.config.js +0 -14
  33. package/example/README.md +0 -11
  34. package/example/package.json +0 -55
  35. package/example/stories/Animate/basic.js +0 -73
  36. package/example/stories/Basics/CreatingAndApplyingAStyle.js +0 -12
  37. package/example/stories/Basics/Form.js +0 -24
  38. package/example/stories/Basics/ImpliedTags.js +0 -40
  39. package/example/stories/Basics/PassingStyleAndFuntion.js +0 -13
  40. package/example/stories/Basics/PassingStyleAndFuntionAsArray.js +0 -13
  41. package/example/stories/Basics/ReusingElements.js +0 -13
  42. package/example/stories/Basics/Share.js +0 -19
  43. package/example/stories/Basics/UsingTheTagCreater.js +0 -13
  44. package/example/stories/Basics/WrappingAnExistingElement.js +0 -19
  45. package/example/stories/Button.js +0 -27
  46. package/example/stories/CSSHelpers/CssSelector.js +0 -24
  47. package/example/stories/CSSHelpers/CssSource.js +0 -18
  48. package/example/stories/CSSHelpers/DynamicCssSelectors.js +0 -24
  49. package/example/stories/CSSHelpers/Hover.js +0 -20
  50. package/example/stories/CSSHelpers/MediaQuery.js +0 -22
  51. package/example/stories/CSSHelpers/VendorPrefix.js +0 -19
  52. package/example/stories/CombineStyles/CreatingAndApplyingAStyle.js +0 -16
  53. package/example/stories/CombineStyles/LogicFnWithGenerateElement.js +0 -16
  54. package/example/stories/CombineStyles/PassStyleObjToGenerateElement.js +0 -9
  55. package/example/stories/CombineStyles/UsingAPropFlag.js +0 -16
  56. package/example/stories/CombineStyles/UsingTheTagCreater.js +0 -16
  57. package/example/stories/Ref/byFn.js +0 -51
  58. package/example/stories/Ref/onEvent.js +0 -43
  59. package/example/stories/RuntimeFunctions/DynamicStyles.js +0 -32
  60. package/example/stories/RuntimeFunctions/FunctionWithOutStyle.js +0 -31
  61. package/example/stories/RuntimeFunctions/ModifyingStyles.js +0 -36
  62. package/example/stories/RuntimeFunctions/WithGeneratedElements.js +0 -38
  63. package/example/stories/Welcome.js +0 -90
  64. package/example/stories/index.js +0 -88
  65. package/example/stories/load.js +0 -229
  66. package/example.test.js +0 -16
  67. package/source/Styles.js +0 -23
  68. package/source/element.js +0 -100
  69. package/source/main.js +0 -56
  70. package/source/styleItem.js +0 -105
  71. package/source/utils/buildCssString.js +0 -6
  72. package/source/utils/genCss.js +0 -30
  73. package/source/utils/genStyles.js +0 -19
  74. package/source/utils/hasKids.js +0 -6
  75. package/source/utils/index.js +0 -27
  76. package/source/utils/makeid.js +0 -9
  77. package/source/utils/object2css.js +0 -20
  78. package/source/utils/pubsub.js +0 -22
  79. package/source/utils/replaceColors.js +0 -11
  80. package/source/utils/replacedStyleFn.js +0 -30
  81. package/source/utils/sanitizeOutlineInput.js +0 -72
  82. package/source/utils/sanitizeStyleObj.js +0 -13
  83. package/source/utils/separateCssStyle.js +0 -25
  84. package/source/wrapStyles.js +0 -30
package/dist/main.js CHANGED
@@ -1,29 +1,27 @@
1
- 'use strict';
1
+ "use strict";
2
2
 
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.testing = exports.Styles = exports.setOptions = exports.withOptions = undefined;
7
-
8
- var _react = require('react');
9
-
10
- var _react2 = _interopRequireDefault(_react);
11
-
12
- var _utils = require('./utils');
13
-
14
- var _wrapStyles = require('./wrapStyles');
15
-
16
- var _wrapStyles2 = _interopRequireDefault(_wrapStyles);
17
-
18
- var _Styles = require('./Styles');
19
-
20
- var _Styles2 = _interopRequireDefault(_Styles);
21
-
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
- var userSetOptions = { named: true /* prefix:getVendorPrefix()*/ };
25
-
26
- var wrapStyles = (0, _wrapStyles2.default)(userSetOptions);
6
+ Object.defineProperty(exports, "Styles", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Styles["default"];
10
+ }
11
+ });
12
+ exports["default"] = void 0;
13
+ exports.setOptions = setOptions;
14
+ exports.testing = void 0;
15
+ exports.withOptions = withOptions;
16
+ var _react = _interopRequireDefault(require("react"));
17
+ var _utils = require("./utils");
18
+ var _wrapStyles = _interopRequireDefault(require("./wrapStyles"));
19
+ var _Styles = _interopRequireDefault(require("./Styles"));
20
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
21
+ var userSetOptions = {
22
+ named: true /* prefix:getVendorPrefix()*/
23
+ };
24
+ var wrapStyles = (0, _wrapStyles["default"])(userSetOptions);
27
25
 
28
26
  //=====================================================
29
27
  //============================= top Level - Wrap Styles
@@ -31,12 +29,9 @@ var wrapStyles = (0, _wrapStyles2.default)(userSetOptions);
31
29
 
32
30
  function outline(_styles) {
33
31
  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
34
-
35
32
  return sanitizeOutline((0, _utils.sanitizeOutlineInput)(_styles, options), options);
36
33
  }
37
-
38
34
  function sanitizeOutline(_styles, options) {
39
-
40
35
  var wrappedStyles = wrapStyles(_styles, options);
41
36
  wrappedStyles.colors = wrappedStyles.colors || options && options.colors || userSetOptions && userSetOptions.colors;
42
37
  return wrappedStyles;
@@ -48,7 +43,6 @@ function sanitizeOutline(_styles, options) {
48
43
 
49
44
  function withOptions(options) {
50
45
  if (!options) throw new Error("Bad options values for react-outline:" + JSON.stringify(options));
51
-
52
46
  var tempOutlineFn = function tempOutlineFn(_styles, optionsOrLogic) {
53
47
  return sanitizeOutline((0, _utils.sanitizeOutlineInput)(_styles, optionsOrLogic), options);
54
48
  };
@@ -57,7 +51,6 @@ function withOptions(options) {
57
51
  }
58
52
  return tempOutlineFn;
59
53
  }
60
-
61
54
  function setOptions(options) {
62
55
  if (!options) throw new Error("Bad options values for react-outline:" + JSON.stringify(options));
63
56
  if (options.colors) {
@@ -65,13 +58,7 @@ function setOptions(options) {
65
58
  }
66
59
  Object.assign(userSetOptions, options);
67
60
  }
68
-
69
- var testing = {
61
+ var testing = exports.testing = {
70
62
  resetCSS: _utils.pubsub.clear
71
63
  };
72
-
73
- exports.default = outline;
74
- exports.withOptions = withOptions;
75
- exports.setOptions = setOptions;
76
- exports.Styles = _Styles2.default;
77
- exports.testing = testing;
64
+ var _default = exports["default"] = outline;