@ably/ui 13.1.0 → 13.2.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 (13) hide show
  1. package/core/FeaturedLink.jsx +27 -3
  2. package/core/Meganav.jsx +27 -3
  3. package/core/MeganavBlogPostsList.jsx +27 -3
  4. package/core/MeganavContentCompany.jsx +27 -3
  5. package/core/MeganavContentProducts.jsx +27 -3
  6. package/core/MeganavItemsMobile.jsx +27 -3
  7. package/core/MeganavItemsSignedIn.jsx +27 -3
  8. package/core/MeganavSearch.jsx +27 -3
  9. package/core/MeganavSearchPanel.jsx +27 -3
  10. package/core/MeganavSearchSuggestions.jsx +27 -3
  11. package/core/Uptime.jsx +27 -3
  12. package/package.json +1 -1
  13. package/src/core/FeaturedLink/component.jsx +65 -31
package/core/FeaturedLink.jsx CHANGED
@@ -158,9 +158,29 @@ __webpack_require__.r(__webpack_exports__);
158
158
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
159
159
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
160
160
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
161
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
162
+
163
+
164
+
165
+ // When generating links with target=_blank, we only add `noreferrer` to
166
+ // links that don't start with `/`, so we can continue tracking referrers
167
+ // across our own domains
161
168
 
169
+ var buildTargetAndRel = function buildTargetAndRel(url, newWindow) {
170
+ var props = {};
162
171
 
172
+ if (newWindow) {
173
+ props.target = "_blank";
163
174
 
175
+ if (url.startsWith("/") && !url.startsWith("//")) {
176
+ props.rel = "noopener";
177
+ } else {
178
+ props.rel = "noopenner noreferrer";
179
+ }
180
+ }
181
+
182
+ return props;
183
+ };
164
184
 
165
185
  var FeaturedLink = function FeaturedLink(_ref) {
166
186
  var url = _ref.url,
@@ -174,14 +194,17 @@ var FeaturedLink = function FeaturedLink(_ref) {
174
194
  reverse = _ref$reverse === void 0 ? false : _ref$reverse,
175
195
  _ref$additionalCSS = _ref.additionalCSS,
176
196
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
197
+ _ref$newWindow = _ref.newWindow,
198
+ newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
177
199
  children = _ref.children;
178
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
200
+ var targetAndRel = buildTargetAndRel(url, newWindow);
201
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
179
202
  href: url,
180
203
  className: "font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-".concat(textSize, " ").concat(flush ? "" : "py-8", " ").concat(additionalCSS),
181
204
  style: {
182
205
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
183
206
  }
184
- }, 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"], {
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"], {
185
208
  name: "icon-gui-link-arrow",
186
209
  size: "calc(var(--featured-link-icon-size) * 1.25)",
187
210
  color: iconColor,
@@ -201,7 +224,8 @@ FeaturedLink.propTypes = {
201
224
  iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
202
225
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
203
226
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
204
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
227
+ additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
228
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
205
229
  };
206
230
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
207
231
  })();
package/core/Meganav.jsx CHANGED
@@ -104,9 +104,29 @@ var ConnectStateWrapper = function ConnectStateWrapper(Component, selectors) {
104
104
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
105
105
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
106
106
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
107
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
108
+
109
+
107
110
 
111
+ // When generating links with target=_blank, we only add `noreferrer` to
112
+ // links that don't start with `/`, so we can continue tracking referrers
113
+ // across our own domains
108
114
 
115
+ var buildTargetAndRel = function buildTargetAndRel(url, newWindow) {
116
+ var props = {};
109
117
 
118
+ if (newWindow) {
119
+ props.target = "_blank";
120
+
121
+ if (url.startsWith("/") && !url.startsWith("//")) {
122
+ props.rel = "noopener";
123
+ } else {
124
+ props.rel = "noopenner noreferrer";
125
+ }
126
+ }
127
+
128
+ return props;
129
+ };
110
130
 
111
131
  var FeaturedLink = function FeaturedLink(_ref) {
112
132
  var url = _ref.url,
@@ -120,14 +140,17 @@ var FeaturedLink = function FeaturedLink(_ref) {
120
140
  reverse = _ref$reverse === void 0 ? false : _ref$reverse,
121
141
  _ref$additionalCSS = _ref.additionalCSS,
122
142
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
143
+ _ref$newWindow = _ref.newWindow,
144
+ newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
123
145
  children = _ref.children;
124
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
146
+ var targetAndRel = buildTargetAndRel(url, newWindow);
147
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
125
148
  href: url,
126
149
  className: "font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-".concat(textSize, " ").concat(flush ? "" : "py-8", " ").concat(additionalCSS),
127
150
  style: {
128
151
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
129
152
  }
130
- }, 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"], {
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"], {
131
154
  name: "icon-gui-link-arrow",
132
155
  size: "calc(var(--featured-link-icon-size) * 1.25)",
133
156
  color: iconColor,
@@ -147,7 +170,8 @@ FeaturedLink.propTypes = {
147
170
  iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
148
171
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
149
172
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
150
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
173
+ additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
174
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
151
175
  };
152
176
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
153
177
 
package/core/MeganavBlogPostsList.jsx CHANGED
@@ -23,9 +23,29 @@ return /******/ (() => { // webpackBootstrap
23
23
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
24
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
25
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
+
28
+
29
+
30
+ // When generating links with target=_blank, we only add `noreferrer` to
31
+ // links that don't start with `/`, so we can continue tracking referrers
32
+ // across our own domains
26
33
 
34
+ var buildTargetAndRel = function buildTargetAndRel(url, newWindow) {
35
+ var props = {};
27
36
 
37
+ if (newWindow) {
38
+ props.target = "_blank";
28
39
 
40
+ if (url.startsWith("/") && !url.startsWith("//")) {
41
+ props.rel = "noopener";
42
+ } else {
43
+ props.rel = "noopenner noreferrer";
44
+ }
45
+ }
46
+
47
+ return props;
48
+ };
29
49
 
30
50
  var FeaturedLink = function FeaturedLink(_ref) {
31
51
  var url = _ref.url,
@@ -39,14 +59,17 @@ var FeaturedLink = function FeaturedLink(_ref) {
39
59
  reverse = _ref$reverse === void 0 ? false : _ref$reverse,
40
60
  _ref$additionalCSS = _ref.additionalCSS,
41
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
+ _ref$newWindow = _ref.newWindow,
63
+ newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
42
64
  children = _ref.children;
43
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
65
+ var targetAndRel = buildTargetAndRel(url, newWindow);
66
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
44
67
  href: url,
45
68
  className: "font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-".concat(textSize, " ").concat(flush ? "" : "py-8", " ").concat(additionalCSS),
46
69
  style: {
47
70
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
48
71
  }
49
- }, 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"], {
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"], {
50
73
  name: "icon-gui-link-arrow",
51
74
  size: "calc(var(--featured-link-icon-size) * 1.25)",
52
75
  color: iconColor,
@@ -66,7 +89,8 @@ FeaturedLink.propTypes = {
66
89
  iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
67
90
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
68
91
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
69
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
92
+ additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
70
94
  };
71
95
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
72
96
 
package/core/MeganavContentCompany.jsx CHANGED
@@ -104,9 +104,29 @@ var ConnectStateWrapper = function ConnectStateWrapper(Component, selectors) {
104
104
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
105
105
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
106
106
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
107
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
108
+
109
+
107
110
 
111
+ // When generating links with target=_blank, we only add `noreferrer` to
112
+ // links that don't start with `/`, so we can continue tracking referrers
113
+ // across our own domains
108
114
 
115
+ var buildTargetAndRel = function buildTargetAndRel(url, newWindow) {
116
+ var props = {};
109
117
 
118
+ if (newWindow) {
119
+ props.target = "_blank";
120
+
121
+ if (url.startsWith("/") && !url.startsWith("//")) {
122
+ props.rel = "noopener";
123
+ } else {
124
+ props.rel = "noopenner noreferrer";
125
+ }
126
+ }
127
+
128
+ return props;
129
+ };
110
130
 
111
131
  var FeaturedLink = function FeaturedLink(_ref) {
112
132
  var url = _ref.url,
@@ -120,14 +140,17 @@ var FeaturedLink = function FeaturedLink(_ref) {
120
140
  reverse = _ref$reverse === void 0 ? false : _ref$reverse,
121
141
  _ref$additionalCSS = _ref.additionalCSS,
122
142
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
143
+ _ref$newWindow = _ref.newWindow,
144
+ newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
123
145
  children = _ref.children;
124
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
146
+ var targetAndRel = buildTargetAndRel(url, newWindow);
147
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
125
148
  href: url,
126
149
  className: "font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-".concat(textSize, " ").concat(flush ? "" : "py-8", " ").concat(additionalCSS),
127
150
  style: {
128
151
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
129
152
  }
130
- }, 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"], {
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"], {
131
154
  name: "icon-gui-link-arrow",
132
155
  size: "calc(var(--featured-link-icon-size) * 1.25)",
133
156
  color: iconColor,
@@ -147,7 +170,8 @@ FeaturedLink.propTypes = {
147
170
  iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
148
171
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
149
172
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
150
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
173
+ additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
174
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
151
175
  };
152
176
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
153
177
 
package/core/MeganavContentProducts.jsx CHANGED
@@ -23,9 +23,29 @@ return /******/ (() => { // webpackBootstrap
23
23
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
24
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
25
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
+
28
+
29
+
30
+ // When generating links with target=_blank, we only add `noreferrer` to
31
+ // links that don't start with `/`, so we can continue tracking referrers
32
+ // across our own domains
26
33
 
34
+ var buildTargetAndRel = function buildTargetAndRel(url, newWindow) {
35
+ var props = {};
27
36
 
37
+ if (newWindow) {
38
+ props.target = "_blank";
28
39
 
40
+ if (url.startsWith("/") && !url.startsWith("//")) {
41
+ props.rel = "noopener";
42
+ } else {
43
+ props.rel = "noopenner noreferrer";
44
+ }
45
+ }
46
+
47
+ return props;
48
+ };
29
49
 
30
50
  var FeaturedLink = function FeaturedLink(_ref) {
31
51
  var url = _ref.url,
@@ -39,14 +59,17 @@ var FeaturedLink = function FeaturedLink(_ref) {
39
59
  reverse = _ref$reverse === void 0 ? false : _ref$reverse,
40
60
  _ref$additionalCSS = _ref.additionalCSS,
41
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
+ _ref$newWindow = _ref.newWindow,
63
+ newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
42
64
  children = _ref.children;
43
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
65
+ var targetAndRel = buildTargetAndRel(url, newWindow);
66
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
44
67
  href: url,
45
68
  className: "font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-".concat(textSize, " ").concat(flush ? "" : "py-8", " ").concat(additionalCSS),
46
69
  style: {
47
70
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
48
71
  }
49
- }, 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"], {
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"], {
50
73
  name: "icon-gui-link-arrow",
51
74
  size: "calc(var(--featured-link-icon-size) * 1.25)",
52
75
  color: iconColor,
@@ -66,7 +89,8 @@ FeaturedLink.propTypes = {
66
89
  iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
67
90
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
68
91
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
69
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
92
+ additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
70
94
  };
71
95
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
72
96
 
package/core/MeganavItemsMobile.jsx CHANGED
@@ -23,9 +23,29 @@ return /******/ (() => { // webpackBootstrap
23
23
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
24
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
25
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
+
28
+
26
29
 
30
+ // When generating links with target=_blank, we only add `noreferrer` to
31
+ // links that don't start with `/`, so we can continue tracking referrers
32
+ // across our own domains
27
33
 
34
+ var buildTargetAndRel = function buildTargetAndRel(url, newWindow) {
35
+ var props = {};
28
36
 
37
+ if (newWindow) {
38
+ props.target = "_blank";
39
+
40
+ if (url.startsWith("/") && !url.startsWith("//")) {
41
+ props.rel = "noopener";
42
+ } else {
43
+ props.rel = "noopenner noreferrer";
44
+ }
45
+ }
46
+
47
+ return props;
48
+ };
29
49
 
30
50
  var FeaturedLink = function FeaturedLink(_ref) {
31
51
  var url = _ref.url,
@@ -39,14 +59,17 @@ var FeaturedLink = function FeaturedLink(_ref) {
39
59
  reverse = _ref$reverse === void 0 ? false : _ref$reverse,
40
60
  _ref$additionalCSS = _ref.additionalCSS,
41
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
+ _ref$newWindow = _ref.newWindow,
63
+ newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
42
64
  children = _ref.children;
43
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
65
+ var targetAndRel = buildTargetAndRel(url, newWindow);
66
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
44
67
  href: url,
45
68
  className: "font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-".concat(textSize, " ").concat(flush ? "" : "py-8", " ").concat(additionalCSS),
46
69
  style: {
47
70
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
48
71
  }
49
- }, 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"], {
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"], {
50
73
  name: "icon-gui-link-arrow",
51
74
  size: "calc(var(--featured-link-icon-size) * 1.25)",
52
75
  color: iconColor,
@@ -66,7 +89,8 @@ FeaturedLink.propTypes = {
66
89
  iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
67
90
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
68
91
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
69
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
92
+ additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
70
94
  };
71
95
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
72
96
 
package/core/MeganavItemsSignedIn.jsx CHANGED
@@ -23,9 +23,29 @@ return /******/ (() => { // webpackBootstrap
23
23
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
24
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
25
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
+
28
+
29
+
30
+ // When generating links with target=_blank, we only add `noreferrer` to
31
+ // links that don't start with `/`, so we can continue tracking referrers
32
+ // across our own domains
26
33
 
34
+ var buildTargetAndRel = function buildTargetAndRel(url, newWindow) {
35
+ var props = {};
27
36
 
37
+ if (newWindow) {
38
+ props.target = "_blank";
28
39
 
40
+ if (url.startsWith("/") && !url.startsWith("//")) {
41
+ props.rel = "noopener";
42
+ } else {
43
+ props.rel = "noopenner noreferrer";
44
+ }
45
+ }
46
+
47
+ return props;
48
+ };
29
49
 
30
50
  var FeaturedLink = function FeaturedLink(_ref) {
31
51
  var url = _ref.url,
@@ -39,14 +59,17 @@ var FeaturedLink = function FeaturedLink(_ref) {
39
59
  reverse = _ref$reverse === void 0 ? false : _ref$reverse,
40
60
  _ref$additionalCSS = _ref.additionalCSS,
41
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
+ _ref$newWindow = _ref.newWindow,
63
+ newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
42
64
  children = _ref.children;
43
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
65
+ var targetAndRel = buildTargetAndRel(url, newWindow);
66
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
44
67
  href: url,
45
68
  className: "font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-".concat(textSize, " ").concat(flush ? "" : "py-8", " ").concat(additionalCSS),
46
69
  style: {
47
70
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
48
71
  }
49
- }, 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"], {
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"], {
50
73
  name: "icon-gui-link-arrow",
51
74
  size: "calc(var(--featured-link-icon-size) * 1.25)",
52
75
  color: iconColor,
@@ -66,7 +89,8 @@ FeaturedLink.propTypes = {
66
89
  iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
67
90
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
68
91
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
69
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
92
+ additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
70
94
  };
71
95
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
72
96
 
package/core/MeganavSearch.jsx CHANGED
@@ -23,9 +23,29 @@ return /******/ (() => { // webpackBootstrap
23
23
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
24
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
25
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
+
28
+
29
+
30
+ // When generating links with target=_blank, we only add `noreferrer` to
31
+ // links that don't start with `/`, so we can continue tracking referrers
32
+ // across our own domains
26
33
 
34
+ var buildTargetAndRel = function buildTargetAndRel(url, newWindow) {
35
+ var props = {};
27
36
 
37
+ if (newWindow) {
38
+ props.target = "_blank";
28
39
 
40
+ if (url.startsWith("/") && !url.startsWith("//")) {
41
+ props.rel = "noopener";
42
+ } else {
43
+ props.rel = "noopenner noreferrer";
44
+ }
45
+ }
46
+
47
+ return props;
48
+ };
29
49
 
30
50
  var FeaturedLink = function FeaturedLink(_ref) {
31
51
  var url = _ref.url,
@@ -39,14 +59,17 @@ var FeaturedLink = function FeaturedLink(_ref) {
39
59
  reverse = _ref$reverse === void 0 ? false : _ref$reverse,
40
60
  _ref$additionalCSS = _ref.additionalCSS,
41
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
+ _ref$newWindow = _ref.newWindow,
63
+ newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
42
64
  children = _ref.children;
43
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
65
+ var targetAndRel = buildTargetAndRel(url, newWindow);
66
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
44
67
  href: url,
45
68
  className: "font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-".concat(textSize, " ").concat(flush ? "" : "py-8", " ").concat(additionalCSS),
46
69
  style: {
47
70
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
48
71
  }
49
- }, 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"], {
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"], {
50
73
  name: "icon-gui-link-arrow",
51
74
  size: "calc(var(--featured-link-icon-size) * 1.25)",
52
75
  color: iconColor,
@@ -66,7 +89,8 @@ FeaturedLink.propTypes = {
66
89
  iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
67
90
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
68
91
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
69
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
92
+ additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
70
94
  };
71
95
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
72
96
 
package/core/MeganavSearchPanel.jsx CHANGED
@@ -23,9 +23,29 @@ return /******/ (() => { // webpackBootstrap
23
23
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
24
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
25
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
+
28
+
29
+
30
+ // When generating links with target=_blank, we only add `noreferrer` to
31
+ // links that don't start with `/`, so we can continue tracking referrers
32
+ // across our own domains
26
33
 
34
+ var buildTargetAndRel = function buildTargetAndRel(url, newWindow) {
35
+ var props = {};
27
36
 
37
+ if (newWindow) {
38
+ props.target = "_blank";
28
39
 
40
+ if (url.startsWith("/") && !url.startsWith("//")) {
41
+ props.rel = "noopener";
42
+ } else {
43
+ props.rel = "noopenner noreferrer";
44
+ }
45
+ }
46
+
47
+ return props;
48
+ };
29
49
 
30
50
  var FeaturedLink = function FeaturedLink(_ref) {
31
51
  var url = _ref.url,
@@ -39,14 +59,17 @@ var FeaturedLink = function FeaturedLink(_ref) {
39
59
  reverse = _ref$reverse === void 0 ? false : _ref$reverse,
40
60
  _ref$additionalCSS = _ref.additionalCSS,
41
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
+ _ref$newWindow = _ref.newWindow,
63
+ newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
42
64
  children = _ref.children;
43
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
65
+ var targetAndRel = buildTargetAndRel(url, newWindow);
66
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
44
67
  href: url,
45
68
  className: "font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-".concat(textSize, " ").concat(flush ? "" : "py-8", " ").concat(additionalCSS),
46
69
  style: {
47
70
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
48
71
  }
49
- }, 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"], {
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"], {
50
73
  name: "icon-gui-link-arrow",
51
74
  size: "calc(var(--featured-link-icon-size) * 1.25)",
52
75
  color: iconColor,
@@ -66,7 +89,8 @@ FeaturedLink.propTypes = {
66
89
  iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
67
90
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
68
91
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
69
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
92
+ additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
70
94
  };
71
95
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
72
96
 
package/core/MeganavSearchSuggestions.jsx CHANGED
@@ -23,9 +23,29 @@ return /******/ (() => { // webpackBootstrap
23
23
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
24
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
25
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
+
28
+
29
+
30
+ // When generating links with target=_blank, we only add `noreferrer` to
31
+ // links that don't start with `/`, so we can continue tracking referrers
32
+ // across our own domains
26
33
 
34
+ var buildTargetAndRel = function buildTargetAndRel(url, newWindow) {
35
+ var props = {};
27
36
 
37
+ if (newWindow) {
38
+ props.target = "_blank";
28
39
 
40
+ if (url.startsWith("/") && !url.startsWith("//")) {
41
+ props.rel = "noopener";
42
+ } else {
43
+ props.rel = "noopenner noreferrer";
44
+ }
45
+ }
46
+
47
+ return props;
48
+ };
29
49
 
30
50
  var FeaturedLink = function FeaturedLink(_ref) {
31
51
  var url = _ref.url,
@@ -39,14 +59,17 @@ var FeaturedLink = function FeaturedLink(_ref) {
39
59
  reverse = _ref$reverse === void 0 ? false : _ref$reverse,
40
60
  _ref$additionalCSS = _ref.additionalCSS,
41
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
+ _ref$newWindow = _ref.newWindow,
63
+ newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
42
64
  children = _ref.children;
43
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
65
+ var targetAndRel = buildTargetAndRel(url, newWindow);
66
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
44
67
  href: url,
45
68
  className: "font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-".concat(textSize, " ").concat(flush ? "" : "py-8", " ").concat(additionalCSS),
46
69
  style: {
47
70
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
48
71
  }
49
- }, 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"], {
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"], {
50
73
  name: "icon-gui-link-arrow",
51
74
  size: "calc(var(--featured-link-icon-size) * 1.25)",
52
75
  color: iconColor,
@@ -66,7 +89,8 @@ FeaturedLink.propTypes = {
66
89
  iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
67
90
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
68
91
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
69
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
92
+ additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
70
94
  };
71
95
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
72
96
 
package/core/Uptime.jsx CHANGED
@@ -23,9 +23,29 @@ return /******/ (() => { // webpackBootstrap
23
23
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
24
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
25
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
+
28
+
26
29
 
30
+ // When generating links with target=_blank, we only add `noreferrer` to
31
+ // links that don't start with `/`, so we can continue tracking referrers
32
+ // across our own domains
27
33
 
34
+ var buildTargetAndRel = function buildTargetAndRel(url, newWindow) {
35
+ var props = {};
28
36
 
37
+ if (newWindow) {
38
+ props.target = "_blank";
39
+
40
+ if (url.startsWith("/") && !url.startsWith("//")) {
41
+ props.rel = "noopener";
42
+ } else {
43
+ props.rel = "noopenner noreferrer";
44
+ }
45
+ }
46
+
47
+ return props;
48
+ };
29
49
 
30
50
  var FeaturedLink = function FeaturedLink(_ref) {
31
51
  var url = _ref.url,
@@ -39,14 +59,17 @@ var FeaturedLink = function FeaturedLink(_ref) {
39
59
  reverse = _ref$reverse === void 0 ? false : _ref$reverse,
40
60
  _ref$additionalCSS = _ref.additionalCSS,
41
61
  additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
+ _ref$newWindow = _ref.newWindow,
63
+ newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
42
64
  children = _ref.children;
43
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
65
+ var targetAndRel = buildTargetAndRel(url, newWindow);
66
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
44
67
  href: url,
45
68
  className: "font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-".concat(textSize, " ").concat(flush ? "" : "py-8", " ").concat(additionalCSS),
46
69
  style: {
47
70
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
48
71
  }
49
- }, 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"], {
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"], {
50
73
  name: "icon-gui-link-arrow",
51
74
  size: "calc(var(--featured-link-icon-size) * 1.25)",
52
75
  color: iconColor,
@@ -66,7 +89,8 @@ FeaturedLink.propTypes = {
66
89
  iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
67
90
  flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
68
91
  reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
69
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
92
+ additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
+ newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
70
94
  };
71
95
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
72
96
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ably/ui",
3
- "version": "13.1.0",
3
+ "version": "13.2.2",
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
@@ -3,37 +3,70 @@ import T from "prop-types";
3
3
 
4
4
  import Icon from "../Icon/component.jsx";
5
5
 
6
- const FeaturedLink = ({ url, textSize = "text-p2", iconColor = "text-cool-black", flush = false, reverse = false, additionalCSS = "", children }) => (
7
- <a
8
- href={url}
9
- className={`font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-${textSize} ${
10
- flush ? "" : "py-8"
11
- } ${additionalCSS}`}
12
- style={{ "--featured-link-icon-size": `var(${textSize.replace("text", "--fs")})` }}
13
- >
14
- {reverse ? (
15
- <>
16
- <Icon
17
- name="icon-gui-link-arrow"
18
- size={`calc(var(--featured-link-icon-size) * 1.25)`}
19
- color={iconColor}
20
- additionalCSS="align-middle mr-8 relative -top-1 -right-4 transition-all group-hover:right-0 transform rotate-180"
21
- />
22
- {children}
23
- </>
24
- ) : (
25
- <>
26
- {children}
27
- <Icon
28
- name="icon-gui-link-arrow"
29
- size={`calc(var(--featured-link-icon-size) * 1.25)`}
30
- color={iconColor}
31
- additionalCSS="align-middle ml-8 relative -top-1 -left-4 transition-all group-hover:left-0"
32
- />
33
- </>
34
- )}
35
- </a>
36
- );
6
+ // When generating links with target=_blank, we only add `noreferrer` to
7
+ // links that don't start with `/`, so we can continue tracking referrers
8
+ // across our own domains
9
+ const buildTargetAndRel = (url, newWindow) => {
10
+ const props = {};
11
+
12
+ if (newWindow) {
13
+ props.target = "_blank";
14
+
15
+ if (url.startsWith("/") && !url.startsWith("//")) {
16
+ props.rel = "noopener";
17
+ } else {
18
+ props.rel = "noopenner noreferrer";
19
+ }
20
+ }
21
+
22
+ return props;
23
+ };
24
+
25
+ const FeaturedLink = ({
26
+ url,
27
+ textSize = "text-p2",
28
+ iconColor = "text-cool-black",
29
+ flush = false,
30
+ reverse = false,
31
+ additionalCSS = "",
32
+ newWindow = false,
33
+ children,
34
+ }) => {
35
+ const targetAndRel = buildTargetAndRel(url, newWindow);
36
+
37
+ return (
38
+ <a
39
+ href={url}
40
+ className={`font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-${textSize} ${
41
+ flush ? "" : "py-8"
42
+ } ${additionalCSS}`}
43
+ style={{ "--featured-link-icon-size": `var(${textSize.replace("text", "--fs")})` }}
44
+ {...targetAndRel}
45
+ >
46
+ {reverse ? (
47
+ <>
48
+ <Icon
49
+ name="icon-gui-link-arrow"
50
+ size={`calc(var(--featured-link-icon-size) * 1.25)`}
51
+ color={iconColor}
52
+ additionalCSS="align-middle mr-8 relative -top-1 -right-4 transition-all group-hover:right-0 transform rotate-180"
53
+ />
54
+ {children}
55
+ </>
56
+ ) : (
57
+ <>
58
+ {children}
59
+ <Icon
60
+ name="icon-gui-link-arrow"
61
+ size={`calc(var(--featured-link-icon-size) * 1.25)`}
62
+ color={iconColor}
63
+ additionalCSS="align-middle ml-8 relative -top-1 -left-4 transition-all group-hover:left-0"
64
+ />
65
+ </>
66
+ )}
67
+ </a>
68
+ );
69
+ };
37
70
 
38
71
  FeaturedLink.propTypes = {
39
72
  url: T.string,
@@ -43,6 +76,7 @@ FeaturedLink.propTypes = {
43
76
  flush: T.bool,
44
77
  reverse: T.bool,
45
78
  additionalCSS: T.string,
79
+ newWindow: T.bool,
46
80
  };
47
81
 
48
82
  export default FeaturedLink;