@telefonica/mistica 10.18.0 → 10.19.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 (12) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/icons/icon-success.js +14 -6
  3. package/dist/image.d.ts +1 -1
  4. package/dist/image.js +3 -2
  5. package/dist/image.js.flow +4 -1
  6. package/dist/package-version.js +1 -1
  7. package/dist/section-title.d.ts +1 -3
  8. package/dist/section-title.js.flow +1 -2
  9. package/dist-es/icons/icon-success.js +14 -6
  10. package/dist-es/image.js +3 -2
  11. package/dist-es/package-version.js +1 -1
  12. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,12 @@
1
+ # [10.19.0](https://github.com/Telefonica/mistica-web/compare/v10.18.0...v10.19.0) (2022-01-24)
2
+
3
+
4
+ ### Features
5
+
6
+ * **Feedback:** Update animated success icon for O2 ([#397](https://github.com/Telefonica/mistica-web/issues/397)) ([c0952cd](https://github.com/Telefonica/mistica-web/commit/c0952cdf10779f097359754b8f8d1addccb05713))
7
+ * **Image:** Added forward ref to Image component. ([#399](https://github.com/Telefonica/mistica-web/issues/399)) ([c78008f](https://github.com/Telefonica/mistica-web/commit/c78008f33d0a7979ead1760b01169a3e5bc65c1e))
8
+ * **SectionTitle:** Changed right prop to React.Node ([#398](https://github.com/Telefonica/mistica-web/issues/398)) ([d94b986](https://github.com/Telefonica/mistica-web/commit/d94b98636a834291af46f3b51223de97aaf79e41))
9
+
1
10
  # [10.18.0](https://github.com/Telefonica/mistica-web/compare/v10.17.0...v10.18.0) (2022-01-21)
2
11
 
3
12
 
package/dist/icons/icon-success.js CHANGED
@@ -70,21 +70,29 @@ var IconSuccessO2 = function IconSuccessO2(param) {
70
70
  children: /*#__PURE__*/ (0, _jsxRuntime).jsxs("g", {
71
71
  className: (0, _classnames).default(_defineProperty({
72
72
  }, classes.iconContainer, !color)),
73
- strokeWidth: "2",
74
73
  strokeLinecap: "round",
75
74
  strokeLinejoin: "round",
76
75
  children: [
77
76
  /*#__PURE__*/ (0, _jsxRuntime).jsx("path", _objectSpread({
78
77
  fill: "none",
78
+ strokeWidth: "2",
79
79
  stroke: color ? color : undefined,
80
- strokeMiterlimit: "10",
81
- d: "M21.7,35.6l2.8,2.8c1.1,1.1,2.9,1.1,4.1,0l17.3-17.3"
82
- }, !skipAnimation && (0, _animation).mergeProperties((0, _animation).getAnimateDrawLineProps('33', '0.9s', platformOverrides), (0, _animation).getAnimateHopInProps('0.9s', platformOverrides)))),
80
+ d: "M45.64 53.84A25.599 25.599 0 0 1 32 57.75C17.78 57.75 6.25 46.22 6.25 32S17.78 6.25 32 6.25 57.75 17.78 57.75 32c0 5.13-1.5 9.92-4.09 13.93"
81
+ }, !skipAnimation && (0, _animation).getAnimateDrawLineProps('202', '0.3s', platformOverrides))),
83
82
  /*#__PURE__*/ (0, _jsxRuntime).jsx("path", _objectSpread({
84
83
  fill: "none",
84
+ strokeWidth: "2",
85
+ stroke: color ? color : undefined,
86
+ d: "m19.33 30.39 9.88 10.95 18.13-19.23"
87
+ }, !skipAnimation && (0, _animation).mergeProperties((0, _animation).getAnimateDrawLineProps('44', '0.6s', platformOverrides), (0, _animation).getAnimateHopInProps('0.6', platformOverrides)))),
88
+ /*#__PURE__*/ (0, _jsxRuntime).jsx("circle", _objectSpread({
89
+ fill: "none",
90
+ strokeWidth: "2",
85
91
  stroke: color ? color : undefined,
86
- d: "M49.1,57.9C44.2,61.1,38.3,63,32,63C14.9,63,1,49.1,1,32C1,14.9,14.9,1,32,1c17.1,0,31,13.9,31,31c0,7.5-2.6,14.3-7.1,19.7"
87
- }, !skipAnimation && (0, _animation).getAnimateDrawLineProps('186', '0.5s', platformOverrides)))
92
+ cx: "50.18",
93
+ cy: "50.1",
94
+ r: ".89"
95
+ }, !skipAnimation && (0, _animation).getAnimateDrawLineProps('180', '0.2s', platformOverrides)))
88
96
  ]
89
97
  })
90
98
  }));
package/dist/image.d.ts CHANGED
@@ -31,5 +31,5 @@ declare type DeprecatedImageProps = {
31
31
  alt?: string;
32
32
  children?: void;
33
33
  };
34
- declare const Image: React.FC<ImageProps | DeprecatedImageProps>;
34
+ declare const Image: React.ForwardRefExoticComponent<(ImageProps | DeprecatedImageProps) & React.RefAttributes<HTMLImageElement>>;
35
35
  export default Image;
package/dist/image.js CHANGED
@@ -99,7 +99,7 @@ var RATIO = {
99
99
  '7:10': 7 / 10
100
100
  };
101
101
  exports.RATIO = RATIO;
102
- var Image = function Image(_param) {
102
+ var Image = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
103
103
  var _aspectRatio = _param.aspectRatio, aspectRatio = _aspectRatio === void 0 ? '1:1' : _aspectRatio, _alt = _param.alt, alt = _alt === void 0 ? '' : _alt, props = _objectWithoutProperties(_param, [
104
104
  "aspectRatio",
105
105
  "alt"
@@ -123,12 +123,13 @@ var Image = function Image(_param) {
123
123
  width = '100%';
124
124
  }
125
125
  return(/*#__PURE__*/ (0, _jsxRuntime).jsx("img", {
126
+ ref: ref,
126
127
  src: url,
127
128
  className: classes.image,
128
129
  alt: alt,
129
130
  width: width,
130
131
  height: height
131
132
  }));
132
- };
133
+ });
133
134
  var _default = Image;
134
135
  exports.default = _default;
package/dist/image.js.flow CHANGED
@@ -41,5 +41,8 @@ declare type DeprecatedImageProps = {
41
41
  */
42
42
  alt?: string,
43
43
  };
44
- declare var Image: React.ComponentType<ImageProps | DeprecatedImageProps>;
44
+ declare var Image: React.ComponentType<{
45
+ ...ImageProps | DeprecatedImageProps,
46
+ ref?: React.Ref<HTMLImageElement>,
47
+ }>;
45
48
  declare export default typeof Image;
package/dist/package-version.js CHANGED
@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
5
  exports.PACKAGE_VERSION = void 0;
6
- var PACKAGE_VERSION = '10.18.0';
6
+ var PACKAGE_VERSION = '10.19.0';
7
7
  exports.PACKAGE_VERSION = PACKAGE_VERSION;
package/dist/section-title.d.ts CHANGED
@@ -1,10 +1,8 @@
1
1
  import * as React from 'react';
2
- import TextLink from './text-link';
3
- import type { TextLinkProps } from './text-link';
4
2
  declare type Props = {
5
3
  children: React.ReactNode;
6
4
  id?: string;
7
- right?: React.ReactElement<TextLinkProps, typeof TextLink>;
5
+ right?: React.ReactNode;
8
6
  as?: 'h1' | 'h2' | 'h3' | 'h4';
9
7
  };
10
8
  declare const SectionTitle: React.FC<Props>;
package/dist/section-title.js.flow CHANGED
@@ -1,11 +1,10 @@
1
1
  // @flow
2
2
 
3
3
  import * as React from "react";
4
- import TextLink from "./text-link";
5
4
  declare type Props = {
6
5
  children: React.Node,
7
6
  id?: string,
8
- right?: React.Element<typeof TextLink>,
7
+ right?: React.Node,
9
8
  as?: "h1" | "h2" | "h3" | "h4",
10
9
  };
11
10
  declare var SectionTitle: React.ComponentType<Props>;
package/dist-es/icons/icon-success.js CHANGED
@@ -59,21 +59,29 @@ var IconSuccessO2 = function(param) {
59
59
  children: /*#__PURE__*/ _jsxs("g", {
60
60
  className: classnames(_defineProperty({
61
61
  }, classes.iconContainer, !color)),
62
- strokeWidth: "2",
63
62
  strokeLinecap: "round",
64
63
  strokeLinejoin: "round",
65
64
  children: [
66
65
  /*#__PURE__*/ _jsx("path", _objectSpread({
67
66
  fill: "none",
67
+ strokeWidth: "2",
68
68
  stroke: color ? color : undefined,
69
- strokeMiterlimit: "10",
70
- d: "M21.7,35.6l2.8,2.8c1.1,1.1,2.9,1.1,4.1,0l17.3-17.3"
71
- }, !skipAnimation && mergeProperties(getAnimateDrawLineProps('33', '0.9s', platformOverrides), getAnimateHopInProps('0.9s', platformOverrides)))),
69
+ d: "M45.64 53.84A25.599 25.599 0 0 1 32 57.75C17.78 57.75 6.25 46.22 6.25 32S17.78 6.25 32 6.25 57.75 17.78 57.75 32c0 5.13-1.5 9.92-4.09 13.93"
70
+ }, !skipAnimation && getAnimateDrawLineProps('202', '0.3s', platformOverrides))),
72
71
  /*#__PURE__*/ _jsx("path", _objectSpread({
73
72
  fill: "none",
73
+ strokeWidth: "2",
74
+ stroke: color ? color : undefined,
75
+ d: "m19.33 30.39 9.88 10.95 18.13-19.23"
76
+ }, !skipAnimation && mergeProperties(getAnimateDrawLineProps('44', '0.6s', platformOverrides), getAnimateHopInProps('0.6', platformOverrides)))),
77
+ /*#__PURE__*/ _jsx("circle", _objectSpread({
78
+ fill: "none",
79
+ strokeWidth: "2",
74
80
  stroke: color ? color : undefined,
75
- d: "M49.1,57.9C44.2,61.1,38.3,63,32,63C14.9,63,1,49.1,1,32C1,14.9,14.9,1,32,1c17.1,0,31,13.9,31,31c0,7.5-2.6,14.3-7.1,19.7"
76
- }, !skipAnimation && getAnimateDrawLineProps('186', '0.5s', platformOverrides)))
81
+ cx: "50.18",
82
+ cy: "50.1",
83
+ r: ".89"
84
+ }, !skipAnimation && getAnimateDrawLineProps('180', '0.2s', platformOverrides)))
77
85
  ]
78
86
  })
79
87
  }));
package/dist-es/image.js CHANGED
@@ -68,7 +68,7 @@ export var RATIO = {
68
68
  '16:9': 16 / 9,
69
69
  '7:10': 7 / 10
70
70
  };
71
- var Image = function(_param) {
71
+ var Image = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
72
72
  var _aspectRatio = _param.aspectRatio, aspectRatio = _aspectRatio === void 0 ? '1:1' : _aspectRatio, _alt = _param.alt, alt = _alt === void 0 ? '' : _alt, props = _objectWithoutProperties(_param, ["aspectRatio", "alt"]);
73
73
  var noBorderRadius = useDisableBorderRadius();
74
74
  var classes = useStyles({
@@ -89,11 +89,12 @@ var Image = function(_param) {
89
89
  width = '100%';
90
90
  }
91
91
  return(/*#__PURE__*/ _jsx("img", {
92
+ ref: ref,
92
93
  src: url,
93
94
  className: classes.image,
94
95
  alt: alt,
95
96
  width: width,
96
97
  height: height
97
98
  }));
98
- };
99
+ });
99
100
  export default Image;
package/dist-es/package-version.js CHANGED
@@ -1,2 +1,2 @@
1
1
  // DO NOT EDIT THIS FILE. It's autogenerated by set-version.js
2
- export var PACKAGE_VERSION = '10.18.0';
2
+ export var PACKAGE_VERSION = '10.19.0';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telefonica/mistica",
3
- "version": "10.18.0",
3
+ "version": "10.19.0",
4
4
  "license": "MIT",
5
5
  "repository": {
6
6
  "type": "git",