@ably/ui 13.2.2 → 13.3.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 (13) hide show
  1. package/core/FeaturedLink.jsx +7 -2
  2. package/core/Meganav.jsx +7 -2
  3. package/core/MeganavBlogPostsList.jsx +7 -2
  4. package/core/MeganavContentCompany.jsx +7 -2
  5. package/core/MeganavContentProducts.jsx +7 -2
  6. package/core/MeganavItemsMobile.jsx +7 -2
  7. package/core/MeganavItemsSignedIn.jsx +7 -2
  8. package/core/MeganavSearch.jsx +7 -2
  9. package/core/MeganavSearchPanel.jsx +7 -2
  10. package/core/MeganavSearchSuggestions.jsx +7 -2
  11. package/core/Uptime.jsx +7 -2
  12. package/package.json +1 -1
  13. package/src/core/FeaturedLink/component.jsx +3 -0
package/core/FeaturedLink.jsx CHANGED
@@ -196,6 +196,8 @@ var FeaturedLink = function FeaturedLink(_ref) {
196
196
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
197
197
  _ref$newWindow = _ref.newWindow,
198
198
  newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
199
+ _ref$onClick = _ref.onClick,
200
+ onClick = _ref$onClick === void 0 ? undefined : _ref$onClick,
199
201
  children = _ref.children;
200
202
  var targetAndRel = buildTargetAndRel(url, newWindow);
201
203
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
@@ -204,7 +206,9 @@ var FeaturedLink = function FeaturedLink(_ref) {
204
206
  style: {
205
207
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
206
208
  }
207
- }, targetAndRel), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
209
+ }, targetAndRel, {
210
+ onClick: onClick
211
+ }), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
208
212
  name: "icon-gui-link-arrow",
209
213
  size: "calc(var(--featured-link-icon-size) * 1.25)",
210
214
  color: iconColor,
@@ -225,7 +229,8 @@ FeaturedLink.propTypes = {
225
229
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
226
230
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
227
231
  additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
228
- newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
232
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
233
+ onClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
229
234
  };
230
235
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
231
236
  })();
package/core/Meganav.jsx CHANGED
@@ -142,6 +142,8 @@ var FeaturedLink = function FeaturedLink(_ref) {
142
142
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
143
143
  _ref$newWindow = _ref.newWindow,
144
144
  newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
145
+ _ref$onClick = _ref.onClick,
146
+ onClick = _ref$onClick === void 0 ? undefined : _ref$onClick,
145
147
  children = _ref.children;
146
148
  var targetAndRel = buildTargetAndRel(url, newWindow);
147
149
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
@@ -150,7 +152,9 @@ var FeaturedLink = function FeaturedLink(_ref) {
150
152
  style: {
151
153
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
152
154
  }
153
- }, targetAndRel), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
155
+ }, targetAndRel, {
156
+ onClick: onClick
157
+ }), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
154
158
  name: "icon-gui-link-arrow",
155
159
  size: "calc(var(--featured-link-icon-size) * 1.25)",
156
160
  color: iconColor,
@@ -171,7 +175,8 @@ FeaturedLink.propTypes = {
171
175
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
172
176
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
173
177
  additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
174
- newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
178
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
179
+ onClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
175
180
  };
176
181
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
177
182
 
package/core/MeganavBlogPostsList.jsx CHANGED
@@ -61,6 +61,8 @@ var FeaturedLink = function FeaturedLink(_ref) {
61
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
62
  _ref$newWindow = _ref.newWindow,
63
63
  newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
64
+ _ref$onClick = _ref.onClick,
65
+ onClick = _ref$onClick === void 0 ? undefined : _ref$onClick,
64
66
  children = _ref.children;
65
67
  var targetAndRel = buildTargetAndRel(url, newWindow);
66
68
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
@@ -69,7 +71,9 @@ var FeaturedLink = function FeaturedLink(_ref) {
69
71
  style: {
70
72
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
71
73
  }
72
- }, targetAndRel), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
74
+ }, targetAndRel, {
75
+ onClick: onClick
76
+ }), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
73
77
  name: "icon-gui-link-arrow",
74
78
  size: "calc(var(--featured-link-icon-size) * 1.25)",
75
79
  color: iconColor,
@@ -90,7 +94,8 @@ FeaturedLink.propTypes = {
90
94
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
91
95
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
92
96
  additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
- newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
97
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
98
+ onClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
94
99
  };
95
100
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
96
101
 
package/core/MeganavContentCompany.jsx CHANGED
@@ -142,6 +142,8 @@ var FeaturedLink = function FeaturedLink(_ref) {
142
142
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
143
143
  _ref$newWindow = _ref.newWindow,
144
144
  newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
145
+ _ref$onClick = _ref.onClick,
146
+ onClick = _ref$onClick === void 0 ? undefined : _ref$onClick,
145
147
  children = _ref.children;
146
148
  var targetAndRel = buildTargetAndRel(url, newWindow);
147
149
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
@@ -150,7 +152,9 @@ var FeaturedLink = function FeaturedLink(_ref) {
150
152
  style: {
151
153
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
152
154
  }
153
- }, targetAndRel), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
155
+ }, targetAndRel, {
156
+ onClick: onClick
157
+ }), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
154
158
  name: "icon-gui-link-arrow",
155
159
  size: "calc(var(--featured-link-icon-size) * 1.25)",
156
160
  color: iconColor,
@@ -171,7 +175,8 @@ FeaturedLink.propTypes = {
171
175
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
172
176
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
173
177
  additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
174
- newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
178
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
179
+ onClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
175
180
  };
176
181
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
177
182
 
package/core/MeganavContentProducts.jsx CHANGED
@@ -61,6 +61,8 @@ var FeaturedLink = function FeaturedLink(_ref) {
61
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
62
  _ref$newWindow = _ref.newWindow,
63
63
  newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
64
+ _ref$onClick = _ref.onClick,
65
+ onClick = _ref$onClick === void 0 ? undefined : _ref$onClick,
64
66
  children = _ref.children;
65
67
  var targetAndRel = buildTargetAndRel(url, newWindow);
66
68
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
@@ -69,7 +71,9 @@ var FeaturedLink = function FeaturedLink(_ref) {
69
71
  style: {
70
72
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
71
73
  }
72
- }, targetAndRel), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
74
+ }, targetAndRel, {
75
+ onClick: onClick
76
+ }), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
73
77
  name: "icon-gui-link-arrow",
74
78
  size: "calc(var(--featured-link-icon-size) * 1.25)",
75
79
  color: iconColor,
@@ -90,7 +94,8 @@ FeaturedLink.propTypes = {
90
94
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
91
95
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
92
96
  additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
- newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
97
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
98
+ onClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
94
99
  };
95
100
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
96
101
 
package/core/MeganavItemsMobile.jsx CHANGED
@@ -61,6 +61,8 @@ var FeaturedLink = function FeaturedLink(_ref) {
61
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
62
  _ref$newWindow = _ref.newWindow,
63
63
  newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
64
+ _ref$onClick = _ref.onClick,
65
+ onClick = _ref$onClick === void 0 ? undefined : _ref$onClick,
64
66
  children = _ref.children;
65
67
  var targetAndRel = buildTargetAndRel(url, newWindow);
66
68
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
@@ -69,7 +71,9 @@ var FeaturedLink = function FeaturedLink(_ref) {
69
71
  style: {
70
72
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
71
73
  }
72
- }, targetAndRel), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
74
+ }, targetAndRel, {
75
+ onClick: onClick
76
+ }), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
73
77
  name: "icon-gui-link-arrow",
74
78
  size: "calc(var(--featured-link-icon-size) * 1.25)",
75
79
  color: iconColor,
@@ -90,7 +94,8 @@ FeaturedLink.propTypes = {
90
94
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
91
95
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
92
96
  additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
- newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
97
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
98
+ onClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
94
99
  };
95
100
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
96
101
 
package/core/MeganavItemsSignedIn.jsx CHANGED
@@ -61,6 +61,8 @@ var FeaturedLink = function FeaturedLink(_ref) {
61
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
62
  _ref$newWindow = _ref.newWindow,
63
63
  newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
64
+ _ref$onClick = _ref.onClick,
65
+ onClick = _ref$onClick === void 0 ? undefined : _ref$onClick,
64
66
  children = _ref.children;
65
67
  var targetAndRel = buildTargetAndRel(url, newWindow);
66
68
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
@@ -69,7 +71,9 @@ var FeaturedLink = function FeaturedLink(_ref) {
69
71
  style: {
70
72
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
71
73
  }
72
- }, targetAndRel), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
74
+ }, targetAndRel, {
75
+ onClick: onClick
76
+ }), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
73
77
  name: "icon-gui-link-arrow",
74
78
  size: "calc(var(--featured-link-icon-size) * 1.25)",
75
79
  color: iconColor,
@@ -90,7 +94,8 @@ FeaturedLink.propTypes = {
90
94
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
91
95
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
92
96
  additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
- newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
97
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
98
+ onClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
94
99
  };
95
100
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
96
101
 
package/core/MeganavSearch.jsx CHANGED
@@ -61,6 +61,8 @@ var FeaturedLink = function FeaturedLink(_ref) {
61
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
62
  _ref$newWindow = _ref.newWindow,
63
63
  newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
64
+ _ref$onClick = _ref.onClick,
65
+ onClick = _ref$onClick === void 0 ? undefined : _ref$onClick,
64
66
  children = _ref.children;
65
67
  var targetAndRel = buildTargetAndRel(url, newWindow);
66
68
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
@@ -69,7 +71,9 @@ var FeaturedLink = function FeaturedLink(_ref) {
69
71
  style: {
70
72
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
71
73
  }
72
- }, targetAndRel), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
74
+ }, targetAndRel, {
75
+ onClick: onClick
76
+ }), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
73
77
  name: "icon-gui-link-arrow",
74
78
  size: "calc(var(--featured-link-icon-size) * 1.25)",
75
79
  color: iconColor,
@@ -90,7 +94,8 @@ FeaturedLink.propTypes = {
90
94
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
91
95
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
92
96
  additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
- newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
97
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
98
+ onClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
94
99
  };
95
100
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
96
101
 
package/core/MeganavSearchPanel.jsx CHANGED
@@ -61,6 +61,8 @@ var FeaturedLink = function FeaturedLink(_ref) {
61
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
62
  _ref$newWindow = _ref.newWindow,
63
63
  newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
64
+ _ref$onClick = _ref.onClick,
65
+ onClick = _ref$onClick === void 0 ? undefined : _ref$onClick,
64
66
  children = _ref.children;
65
67
  var targetAndRel = buildTargetAndRel(url, newWindow);
66
68
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
@@ -69,7 +71,9 @@ var FeaturedLink = function FeaturedLink(_ref) {
69
71
  style: {
70
72
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
71
73
  }
72
- }, targetAndRel), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
74
+ }, targetAndRel, {
75
+ onClick: onClick
76
+ }), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
73
77
  name: "icon-gui-link-arrow",
74
78
  size: "calc(var(--featured-link-icon-size) * 1.25)",
75
79
  color: iconColor,
@@ -90,7 +94,8 @@ FeaturedLink.propTypes = {
90
94
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
91
95
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
92
96
  additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
- newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
97
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
98
+ onClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
94
99
  };
95
100
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
96
101
 
package/core/MeganavSearchSuggestions.jsx CHANGED
@@ -61,6 +61,8 @@ var FeaturedLink = function FeaturedLink(_ref) {
61
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
62
  _ref$newWindow = _ref.newWindow,
63
63
  newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
64
+ _ref$onClick = _ref.onClick,
65
+ onClick = _ref$onClick === void 0 ? undefined : _ref$onClick,
64
66
  children = _ref.children;
65
67
  var targetAndRel = buildTargetAndRel(url, newWindow);
66
68
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
@@ -69,7 +71,9 @@ var FeaturedLink = function FeaturedLink(_ref) {
69
71
  style: {
70
72
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
71
73
  }
72
- }, targetAndRel), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
74
+ }, targetAndRel, {
75
+ onClick: onClick
76
+ }), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
73
77
  name: "icon-gui-link-arrow",
74
78
  size: "calc(var(--featured-link-icon-size) * 1.25)",
75
79
  color: iconColor,
@@ -90,7 +94,8 @@ FeaturedLink.propTypes = {
90
94
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
91
95
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
92
96
  additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
- newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
97
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
98
+ onClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
94
99
  };
95
100
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
96
101
 
package/core/Uptime.jsx CHANGED
@@ -61,6 +61,8 @@ var FeaturedLink = function FeaturedLink(_ref) {
61
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
62
  _ref$newWindow = _ref.newWindow,
63
63
  newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
64
+ _ref$onClick = _ref.onClick,
65
+ onClick = _ref$onClick === void 0 ? undefined : _ref$onClick,
64
66
  children = _ref.children;
65
67
  var targetAndRel = buildTargetAndRel(url, newWindow);
66
68
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
@@ -69,7 +71,9 @@ var FeaturedLink = function FeaturedLink(_ref) {
69
71
  style: {
70
72
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
71
73
  }
72
- }, targetAndRel), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
74
+ }, targetAndRel, {
75
+ onClick: onClick
76
+ }), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
73
77
  name: "icon-gui-link-arrow",
74
78
  size: "calc(var(--featured-link-icon-size) * 1.25)",
75
79
  color: iconColor,
@@ -90,7 +94,8 @@ FeaturedLink.propTypes = {
90
94
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
91
95
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
92
96
  additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
- newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
97
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
98
+ onClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
94
99
  };
95
100
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
96
101
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ably/ui",
3
- "version": "13.2.2",
3
+ "version": "13.3.0",
4
4
  "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
5
5
  "repository": {
6
6
  "type": "git",
package/src/core/FeaturedLink/component.jsx CHANGED
@@ -30,6 +30,7 @@ const FeaturedLink = ({
30
30
  reverse = false,
31
31
  additionalCSS = "",
32
32
  newWindow = false,
33
+ onClick = undefined,
33
34
  children,
34
35
  }) => {
35
36
  const targetAndRel = buildTargetAndRel(url, newWindow);
@@ -42,6 +43,7 @@ const FeaturedLink = ({
42
43
  } ${additionalCSS}`}
43
44
  style={{ "--featured-link-icon-size": `var(${textSize.replace("text", "--fs")})` }}
44
45
  {...targetAndRel}
46
+ onClick={onClick}
45
47
  >
46
48
  {reverse ? (
47
49
  <>
@@ -77,6 +79,7 @@ FeaturedLink.propTypes = {
77
79
  reverse: T.bool,
78
80
  additionalCSS: T.string,
79
81
  newWindow: T.bool,
82
+ onClick: T.func,
80
83
  };
81
84
 
82
85
  export default FeaturedLink;