@zohodesk/icons 1.3.0 → 1.3.2

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 (46) hide show
  1. package/README.md +8 -0
  2. package/assets/fonts/zd-rAnalyticsColor.svg +2 -2
  3. package/assets/fonts/zd-rAnalyticsColor.woff +0 -0
  4. package/assets/fonts/zd-rAnalyticsColor.woff2 +0 -0
  5. package/assets/fonts/zd-rAutomation.svg +5 -0
  6. package/assets/fonts/zd-rAutomation.woff +0 -0
  7. package/assets/fonts/zd-rAutomation.woff2 +0 -0
  8. package/assets/fonts/zd-rTickets.svg +2 -0
  9. package/assets/fonts/zd-rTickets.woff +0 -0
  10. package/assets/fonts/zd-rTickets.woff2 +0 -0
  11. package/assets/react/zd-font-rAnalyticsColor.module.css +3 -3
  12. package/assets/react/zd-font-rAutomation.module.css +16 -1
  13. package/assets/react/zd-font-rTickets.module.css +10 -1
  14. package/es/Context/IconContext.js +7 -0
  15. package/es/Context/IconProvider.js +22 -0
  16. package/es/Context/__tests__/IconContext.spec.js +115 -0
  17. package/es/Context/__tests__/__snapshots__/IconContext.spec.js.snap +166 -0
  18. package/es/Context/props/defaultProps.js +5 -0
  19. package/es/Context/props/propTypes.js +7 -0
  20. package/es/Icon/FontFactory.js +8 -2
  21. package/es/Icon/FontIcon.js +1 -8
  22. package/es/Icon/Icon.module.css +6 -0
  23. package/es/Icon/SvgIcon.js +45 -0
  24. package/es/Icon/__tests__/SvgIcon.spec.js +94 -0
  25. package/es/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap +200 -0
  26. package/es/Icon/index.js +39 -1
  27. package/es/Icon/props/defaultProps.js +7 -1
  28. package/es/Icon/props/propTypes.js +17 -0
  29. package/es/index.js +3 -1
  30. package/lib/Context/IconContext.js +19 -0
  31. package/lib/Context/IconProvider.js +38 -0
  32. package/lib/Context/__tests__/IconContext.spec.js +123 -0
  33. package/lib/Context/__tests__/__snapshots__/IconContext.spec.js.snap +166 -0
  34. package/lib/Context/props/defaultProps.js +12 -0
  35. package/lib/Context/props/propTypes.js +18 -0
  36. package/lib/Icon/FontFactory.js +8 -2
  37. package/lib/Icon/FontIcon.js +1 -8
  38. package/lib/Icon/Icon.module.css +6 -0
  39. package/lib/Icon/SvgIcon.js +57 -0
  40. package/lib/Icon/__tests__/SvgIcon.spec.js +101 -0
  41. package/lib/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap +200 -0
  42. package/lib/Icon/index.js +46 -1
  43. package/lib/Icon/props/defaultProps.js +12 -3
  44. package/lib/Icon/props/propTypes.js +20 -2
  45. package/lib/index.js +16 -0
  46. package/package.json +15 -11
@@ -3,10 +3,19 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.IconDefaultProps = void 0;
6
+ exports.SvgIconDefaultProps = exports.IconDefaultProps = void 0;
7
+
8
+ var _constants = require("@zohodesk/dotkit/es/utils/constants");
9
+
7
10
  var IconDefaultProps = {
8
- a11y: {},
11
+ a11y: _constants.DUMMY_OBJECT,
12
+ dataSelectorId: 'fontIcon',
13
+ dataId: 'fontIcon'
14
+ };
15
+ exports.IconDefaultProps = IconDefaultProps;
16
+ var SvgIconDefaultProps = {
17
+ a11y: _constants.DUMMY_OBJECT,
9
18
  dataSelectorId: 'fontIcon',
10
19
  dataId: 'fontIcon'
11
20
  };
12
- exports.IconDefaultProps = IconDefaultProps;
21
+ exports.SvgIconDefaultProps = SvgIconDefaultProps;
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.IconProps = void 0;
6
+ exports.SvgIconProps = exports.IconProps = void 0;
7
7
 
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
9
 
@@ -11,6 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
11
11
 
12
12
  var IconProps = {
13
13
  dataId: _propTypes["default"].string,
14
+ dataSelectorId: _propTypes["default"].string,
14
15
  iconClass: _propTypes["default"].string,
15
16
  iconContent: _propTypes["default"].object,
16
17
  isBold: _propTypes["default"].bool,
@@ -26,4 +27,21 @@ var IconProps = {
26
27
  ariaHidden: _propTypes["default"].bool
27
28
  })
28
29
  };
29
- exports.IconProps = IconProps;
30
+ exports.IconProps = IconProps;
31
+ var SvgIconProps = {
32
+ dataId: _propTypes["default"].string,
33
+ dataSelectorId: _propTypes["default"].string,
34
+ iconClass: _propTypes["default"].string,
35
+ svgClass: _propTypes["default"].string,
36
+ svgPrefix: _propTypes["default"].string,
37
+ onClick: _propTypes["default"].func,
38
+ size: _propTypes["default"].string,
39
+ title: _propTypes["default"].string,
40
+ name: _propTypes["default"].string.isRequired,
41
+ titlePosition: _propTypes["default"].oneOf(['top', 'bottom', 'left', 'right']),
42
+ tagAttributes: _propTypes["default"].object,
43
+ a11y: _propTypes["default"].shape({
44
+ ariaHidden: _propTypes["default"].bool
45
+ })
46
+ };
47
+ exports.SvgIconProps = SvgIconProps;
package/lib/index.js CHANGED
@@ -9,7 +9,23 @@ Object.defineProperty(exports, "Icon", {
9
9
  return _Icon["default"];
10
10
  }
11
11
  });
12
+ Object.defineProperty(exports, "IconContext", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _IconContext["default"];
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "IconProvider", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _IconProvider["default"];
22
+ }
23
+ });
12
24
 
13
25
  var _Icon = _interopRequireDefault(require("./Icon"));
14
26
 
27
+ var _IconContext = _interopRequireDefault(require("./Context/IconContext"));
28
+
29
+ var _IconProvider = _interopRequireDefault(require("./Context/IconProvider"));
30
+
15
31
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/icons",
3
- "version": "1.3.0",
3
+ "version": "1.3.2",
4
4
  "description": "DOT - Icons",
5
5
  "main": "es/index.js",
6
6
  "module": "es/index.js",
@@ -35,13 +35,13 @@
35
35
  "common_package_build": "cd ../common && npm run build && cd ../components",
36
36
  "test": "react-cli test",
37
37
  "snap-update": "npm run test -- -u",
38
- "css:layer_config_generate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/scan_css_generate_json.js ./src ./assets css_layer_config.json",
39
- "css:layer_wrap_es": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/write_layer_in_css.js ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets --skip-existing-layer",
40
- "css:layer_wrap_lib": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/write_layer_in_css.js ./lib ./assets css_layer_config.json --rewrite=src=lib --rewrite=assets=assets --skip-existing-layer",
41
- "css:layer_generate_order": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/generate_layer_order.js css_layer_config.json ./src/icon_layer.module.css",
42
- "css:layer_config_validate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/validate.js css_layer_config.json ./src/ ./assets",
38
+ "css:layer_config_generate": "npx z-node-plugins css:scan ./src ./assets css_layer_config.json",
39
+ "css:layer_wrap_es": "npx z-node-plugins css:layer_wrap ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets --skip-existing-layer",
40
+ "css:layer_wrap_lib": "npx z-node-plugins css:layer_wrap ./lib ./assets css_layer_config.json --rewrite=src=lib --rewrite=assets=assets --skip-existing-layer",
41
+ "css:layer_generate_order": "npx z-node-plugins css:layer_order css_layer_config.json ./src/icon_layer.module.css",
42
+ "css:layer_config_validate": "npx z-node-plugins css:layer_validate css_layer_config.json ./src/ ./assets",
43
43
  "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build && npm run css:layer_wrap_es && npm run css:layer_wrap_lib",
44
- "css:layer_remove": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/remove_layer.js ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets",
44
+ "css:layer_remove": "npx z-node-plugins css:layer_remove ./es ./assets css_layer_config.json --rewrite=src=es --rewrite=assets=assets",
45
45
  "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
46
46
  "publish": "node ../publish.js",
47
47
  "check_package": "node ../check_dependencies.js"
@@ -53,13 +53,17 @@
53
53
  "@testing-library/react": "^11.2.5",
54
54
  "@testing-library/react-hooks": "^7.0.2",
55
55
  "@testing-library/user-event": "^13.0.10",
56
- "@zohodesk-private/node-plugins": "1.1.13",
56
+ "@zohodesk-private/node-plugins": "1.1.14",
57
57
  "@zohodesk/variables": "1.3.1",
58
58
  "postcss": "^8.5.6",
59
59
  "@zohodesk/react-cli": "1.1.27",
60
- "@zohodesk/client_build_tool": "0.0.20"
60
+ "@zohodesk/client_build_tool": "0.0.20",
61
+ "@dot-system/css-utility": "0.1.1",
62
+ "@zohodesk/dotkit": "1.0.9"
61
63
  },
62
64
  "peerDependencies": {
63
- "@zohodesk/variables": "1.3.1"
65
+ "@zohodesk/variables": "1.3.1",
66
+ "@dot-system/css-utility": "0.1.1",
67
+ "@zohodesk/dotkit": "1.0.9"
64
68
  }
65
- }
69
+ }