@ably/ui 11.7.1 → 12.0.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.
- package/README.md +7 -7
- package/core/Code/component.css +2 -0
- package/core/ContactFooter.jsx +8 -8
- package/core/DropdownMenu.jsx +1 -1
- package/core/FeaturedLink/component.js +1 -1
- package/core/FeaturedLink.jsx +17 -6
- package/core/Flash/component.css +0 -4
- package/core/Flash.jsx +1 -1
- package/core/Footer/component.css +3 -3
- package/core/Footer.jsx +14 -14
- package/core/Meganav/component.css +6 -6
- package/core/Meganav.jsx +22 -11
- package/core/MeganavBlogPostsList.jsx +17 -6
- package/core/MeganavContentCompany.jsx +17 -6
- package/core/MeganavContentProducts.jsx +18 -7
- package/core/MeganavItemsMobile.jsx +17 -6
- package/core/MeganavItemsSignedIn.jsx +17 -6
- package/core/MeganavSearch.jsx +17 -6
- package/core/MeganavSearchPanel.jsx +17 -6
- package/core/MeganavSearchSuggestions.jsx +17 -6
- package/core/Notice/component.js +1 -1
- package/core/Notice.jsx +4 -4
- package/core/Uptime/component.css +1 -1
- package/core/Uptime.jsx +18 -7
- package/core/fonts/jetBrains-mono.css +3 -0
- package/core/fonts/manrope.css +3 -0
- package/core/styles.css +226 -116
- package/package.json +1 -1
- package/src/core/ContactFooter/component.html.erb +8 -8
- package/src/core/ContactFooter/component.jsx +8 -8
- package/src/core/DropdownMenu/component.jsx +1 -1
- package/src/core/FeatureFooter/component.html.erb +6 -6
- package/src/core/FeaturedLink/component.html.erb +14 -5
- package/src/core/FeaturedLink/component.js +0 -1
- package/src/core/FeaturedLink/component.jsx +27 -4
- package/src/core/FeaturedLink/component.rb +3 -1
- package/src/core/Flash/component.css +0 -4
- package/src/core/Flash/component.jsx +1 -1
- package/src/core/Footer/component.css +3 -3
- package/src/core/Footer/component.html.erb +13 -13
- package/src/core/Footer/component.jsx +14 -14
- package/src/core/Meganav/component.css +6 -6
- package/src/core/MeganavContentProducts/component.html.erb +1 -1
- package/src/core/MeganavContentProducts/component.jsx +1 -1
- package/src/core/Notice/component.html.erb +3 -3
- package/src/core/Notice/component.jsx +3 -3
- package/src/core/Showcase/component.html.erb +7 -7
- package/src/core/Uptime/component.css +1 -1
- package/src/core/Uptime/component.jsx +1 -4
- package/src/core/fonts/jetBrains-mono.css +3 -0
- package/src/core/fonts/manrope.css +3 -0
- package/src/core/styles/buttons.css +5 -5
- package/src/core/styles/forms.css +5 -5
- package/src/core/styles/properties.css +153 -45
- package/src/core/styles/text.css +62 -60
- package/src/core/styles.components.css +1 -1
- package/src/core/utils/syntax-highlighter.css +2 -0
- package/tailwind.config.js +179 -49
- package/core/FeaturedLink/component.css +0 -16
- package/src/core/FeaturedLink/component.css +0 -15
|
@@ -30,24 +30,33 @@ return /******/ (() => { // webpackBootstrap
|
|
|
30
30
|
var FeaturedLink = function FeaturedLink(_ref) {
|
|
31
31
|
var url = _ref.url,
|
|
32
32
|
_ref$textSize = _ref.textSize,
|
|
33
|
-
textSize = _ref$textSize === void 0 ? "text-
|
|
33
|
+
textSize = _ref$textSize === void 0 ? "text-p2" : _ref$textSize,
|
|
34
34
|
_ref$iconColor = _ref.iconColor,
|
|
35
35
|
iconColor = _ref$iconColor === void 0 ? "text-cool-black" : _ref$iconColor,
|
|
36
36
|
_ref$flush = _ref.flush,
|
|
37
37
|
flush = _ref$flush === void 0 ? false : _ref$flush,
|
|
38
|
+
_ref$reverse = _ref.reverse,
|
|
39
|
+
reverse = _ref$reverse === void 0 ? false : _ref$reverse,
|
|
40
|
+
_ref$additionalCSS = _ref.additionalCSS,
|
|
41
|
+
additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
|
|
38
42
|
children = _ref.children;
|
|
39
43
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
|
40
44
|
href: url,
|
|
41
|
-
className: "
|
|
45
|
+
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),
|
|
42
46
|
style: {
|
|
43
47
|
"--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
|
|
44
48
|
}
|
|
45
|
-
},
|
|
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"], {
|
|
46
50
|
name: "icon-gui-link-arrow",
|
|
47
51
|
size: "calc(var(--featured-link-icon-size) * 1.25)",
|
|
48
52
|
color: iconColor,
|
|
49
|
-
additionalCSS: "
|
|
50
|
-
}))
|
|
53
|
+
additionalCSS: "align-middle mr-8 relative -top-1 -right-4 transition-all group-hover:right-0 transform rotate-180"
|
|
54
|
+
}), children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
55
|
+
name: "icon-gui-link-arrow",
|
|
56
|
+
size: "calc(var(--featured-link-icon-size) * 1.25)",
|
|
57
|
+
color: iconColor,
|
|
58
|
+
additionalCSS: "align-middle ml-8 relative -top-1 -left-4 transition-all group-hover:left-0"
|
|
59
|
+
})));
|
|
51
60
|
};
|
|
52
61
|
|
|
53
62
|
FeaturedLink.propTypes = {
|
|
@@ -55,7 +64,9 @@ FeaturedLink.propTypes = {
|
|
|
55
64
|
children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
56
65
|
textSize: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
57
66
|
iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
58
|
-
flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
|
|
67
|
+
flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
68
|
+
reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
69
|
+
additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
|
|
59
70
|
};
|
|
60
71
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
|
|
61
72
|
|
|
@@ -30,24 +30,33 @@ return /******/ (() => { // webpackBootstrap
|
|
|
30
30
|
var FeaturedLink = function FeaturedLink(_ref) {
|
|
31
31
|
var url = _ref.url,
|
|
32
32
|
_ref$textSize = _ref.textSize,
|
|
33
|
-
textSize = _ref$textSize === void 0 ? "text-
|
|
33
|
+
textSize = _ref$textSize === void 0 ? "text-p2" : _ref$textSize,
|
|
34
34
|
_ref$iconColor = _ref.iconColor,
|
|
35
35
|
iconColor = _ref$iconColor === void 0 ? "text-cool-black" : _ref$iconColor,
|
|
36
36
|
_ref$flush = _ref.flush,
|
|
37
37
|
flush = _ref$flush === void 0 ? false : _ref$flush,
|
|
38
|
+
_ref$reverse = _ref.reverse,
|
|
39
|
+
reverse = _ref$reverse === void 0 ? false : _ref$reverse,
|
|
40
|
+
_ref$additionalCSS = _ref.additionalCSS,
|
|
41
|
+
additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
|
|
38
42
|
children = _ref.children;
|
|
39
43
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
|
40
44
|
href: url,
|
|
41
|
-
className: "
|
|
45
|
+
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),
|
|
42
46
|
style: {
|
|
43
47
|
"--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
|
|
44
48
|
}
|
|
45
|
-
},
|
|
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"], {
|
|
46
50
|
name: "icon-gui-link-arrow",
|
|
47
51
|
size: "calc(var(--featured-link-icon-size) * 1.25)",
|
|
48
52
|
color: iconColor,
|
|
49
|
-
additionalCSS: "
|
|
50
|
-
}))
|
|
53
|
+
additionalCSS: "align-middle mr-8 relative -top-1 -right-4 transition-all group-hover:right-0 transform rotate-180"
|
|
54
|
+
}), children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
55
|
+
name: "icon-gui-link-arrow",
|
|
56
|
+
size: "calc(var(--featured-link-icon-size) * 1.25)",
|
|
57
|
+
color: iconColor,
|
|
58
|
+
additionalCSS: "align-middle ml-8 relative -top-1 -left-4 transition-all group-hover:left-0"
|
|
59
|
+
})));
|
|
51
60
|
};
|
|
52
61
|
|
|
53
62
|
FeaturedLink.propTypes = {
|
|
@@ -55,7 +64,9 @@ FeaturedLink.propTypes = {
|
|
|
55
64
|
children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
56
65
|
textSize: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
57
66
|
iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
58
|
-
flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
|
|
67
|
+
flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
68
|
+
reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
69
|
+
additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
|
|
59
70
|
};
|
|
60
71
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
|
|
61
72
|
|
package/core/MeganavSearch.jsx
CHANGED
|
@@ -30,24 +30,33 @@ return /******/ (() => { // webpackBootstrap
|
|
|
30
30
|
var FeaturedLink = function FeaturedLink(_ref) {
|
|
31
31
|
var url = _ref.url,
|
|
32
32
|
_ref$textSize = _ref.textSize,
|
|
33
|
-
textSize = _ref$textSize === void 0 ? "text-
|
|
33
|
+
textSize = _ref$textSize === void 0 ? "text-p2" : _ref$textSize,
|
|
34
34
|
_ref$iconColor = _ref.iconColor,
|
|
35
35
|
iconColor = _ref$iconColor === void 0 ? "text-cool-black" : _ref$iconColor,
|
|
36
36
|
_ref$flush = _ref.flush,
|
|
37
37
|
flush = _ref$flush === void 0 ? false : _ref$flush,
|
|
38
|
+
_ref$reverse = _ref.reverse,
|
|
39
|
+
reverse = _ref$reverse === void 0 ? false : _ref$reverse,
|
|
40
|
+
_ref$additionalCSS = _ref.additionalCSS,
|
|
41
|
+
additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
|
|
38
42
|
children = _ref.children;
|
|
39
43
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
|
40
44
|
href: url,
|
|
41
|
-
className: "
|
|
45
|
+
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),
|
|
42
46
|
style: {
|
|
43
47
|
"--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
|
|
44
48
|
}
|
|
45
|
-
},
|
|
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"], {
|
|
46
50
|
name: "icon-gui-link-arrow",
|
|
47
51
|
size: "calc(var(--featured-link-icon-size) * 1.25)",
|
|
48
52
|
color: iconColor,
|
|
49
|
-
additionalCSS: "
|
|
50
|
-
}))
|
|
53
|
+
additionalCSS: "align-middle mr-8 relative -top-1 -right-4 transition-all group-hover:right-0 transform rotate-180"
|
|
54
|
+
}), children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
55
|
+
name: "icon-gui-link-arrow",
|
|
56
|
+
size: "calc(var(--featured-link-icon-size) * 1.25)",
|
|
57
|
+
color: iconColor,
|
|
58
|
+
additionalCSS: "align-middle ml-8 relative -top-1 -left-4 transition-all group-hover:left-0"
|
|
59
|
+
})));
|
|
51
60
|
};
|
|
52
61
|
|
|
53
62
|
FeaturedLink.propTypes = {
|
|
@@ -55,7 +64,9 @@ FeaturedLink.propTypes = {
|
|
|
55
64
|
children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
56
65
|
textSize: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
57
66
|
iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
58
|
-
flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
|
|
67
|
+
flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
68
|
+
reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
69
|
+
additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
|
|
59
70
|
};
|
|
60
71
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
|
|
61
72
|
|
|
@@ -30,24 +30,33 @@ return /******/ (() => { // webpackBootstrap
|
|
|
30
30
|
var FeaturedLink = function FeaturedLink(_ref) {
|
|
31
31
|
var url = _ref.url,
|
|
32
32
|
_ref$textSize = _ref.textSize,
|
|
33
|
-
textSize = _ref$textSize === void 0 ? "text-
|
|
33
|
+
textSize = _ref$textSize === void 0 ? "text-p2" : _ref$textSize,
|
|
34
34
|
_ref$iconColor = _ref.iconColor,
|
|
35
35
|
iconColor = _ref$iconColor === void 0 ? "text-cool-black" : _ref$iconColor,
|
|
36
36
|
_ref$flush = _ref.flush,
|
|
37
37
|
flush = _ref$flush === void 0 ? false : _ref$flush,
|
|
38
|
+
_ref$reverse = _ref.reverse,
|
|
39
|
+
reverse = _ref$reverse === void 0 ? false : _ref$reverse,
|
|
40
|
+
_ref$additionalCSS = _ref.additionalCSS,
|
|
41
|
+
additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
|
|
38
42
|
children = _ref.children;
|
|
39
43
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
|
40
44
|
href: url,
|
|
41
|
-
className: "
|
|
45
|
+
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),
|
|
42
46
|
style: {
|
|
43
47
|
"--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
|
|
44
48
|
}
|
|
45
|
-
},
|
|
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"], {
|
|
46
50
|
name: "icon-gui-link-arrow",
|
|
47
51
|
size: "calc(var(--featured-link-icon-size) * 1.25)",
|
|
48
52
|
color: iconColor,
|
|
49
|
-
additionalCSS: "
|
|
50
|
-
}))
|
|
53
|
+
additionalCSS: "align-middle mr-8 relative -top-1 -right-4 transition-all group-hover:right-0 transform rotate-180"
|
|
54
|
+
}), children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
55
|
+
name: "icon-gui-link-arrow",
|
|
56
|
+
size: "calc(var(--featured-link-icon-size) * 1.25)",
|
|
57
|
+
color: iconColor,
|
|
58
|
+
additionalCSS: "align-middle ml-8 relative -top-1 -left-4 transition-all group-hover:left-0"
|
|
59
|
+
})));
|
|
51
60
|
};
|
|
52
61
|
|
|
53
62
|
FeaturedLink.propTypes = {
|
|
@@ -55,7 +64,9 @@ FeaturedLink.propTypes = {
|
|
|
55
64
|
children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
56
65
|
textSize: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
57
66
|
iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
58
|
-
flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
|
|
67
|
+
flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
68
|
+
reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
69
|
+
additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
|
|
59
70
|
};
|
|
60
71
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
|
|
61
72
|
|
|
@@ -30,24 +30,33 @@ return /******/ (() => { // webpackBootstrap
|
|
|
30
30
|
var FeaturedLink = function FeaturedLink(_ref) {
|
|
31
31
|
var url = _ref.url,
|
|
32
32
|
_ref$textSize = _ref.textSize,
|
|
33
|
-
textSize = _ref$textSize === void 0 ? "text-
|
|
33
|
+
textSize = _ref$textSize === void 0 ? "text-p2" : _ref$textSize,
|
|
34
34
|
_ref$iconColor = _ref.iconColor,
|
|
35
35
|
iconColor = _ref$iconColor === void 0 ? "text-cool-black" : _ref$iconColor,
|
|
36
36
|
_ref$flush = _ref.flush,
|
|
37
37
|
flush = _ref$flush === void 0 ? false : _ref$flush,
|
|
38
|
+
_ref$reverse = _ref.reverse,
|
|
39
|
+
reverse = _ref$reverse === void 0 ? false : _ref$reverse,
|
|
40
|
+
_ref$additionalCSS = _ref.additionalCSS,
|
|
41
|
+
additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
|
|
38
42
|
children = _ref.children;
|
|
39
43
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
|
40
44
|
href: url,
|
|
41
|
-
className: "
|
|
45
|
+
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),
|
|
42
46
|
style: {
|
|
43
47
|
"--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
|
|
44
48
|
}
|
|
45
|
-
},
|
|
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"], {
|
|
46
50
|
name: "icon-gui-link-arrow",
|
|
47
51
|
size: "calc(var(--featured-link-icon-size) * 1.25)",
|
|
48
52
|
color: iconColor,
|
|
49
|
-
additionalCSS: "
|
|
50
|
-
}))
|
|
53
|
+
additionalCSS: "align-middle mr-8 relative -top-1 -right-4 transition-all group-hover:right-0 transform rotate-180"
|
|
54
|
+
}), children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
55
|
+
name: "icon-gui-link-arrow",
|
|
56
|
+
size: "calc(var(--featured-link-icon-size) * 1.25)",
|
|
57
|
+
color: iconColor,
|
|
58
|
+
additionalCSS: "align-middle ml-8 relative -top-1 -left-4 transition-all group-hover:left-0"
|
|
59
|
+
})));
|
|
51
60
|
};
|
|
52
61
|
|
|
53
62
|
FeaturedLink.propTypes = {
|
|
@@ -55,7 +64,9 @@ FeaturedLink.propTypes = {
|
|
|
55
64
|
children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
56
65
|
textSize: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
57
66
|
iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
58
|
-
flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
|
|
67
|
+
flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
68
|
+
reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
69
|
+
additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
|
|
59
70
|
};
|
|
60
71
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
|
|
61
72
|
|
package/core/Notice/component.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("dompurify"),require("js-cookie"),require("lodash.throttle"),require("prop-types"),require("react"),require("redux")):"function"==typeof define&&define.amd?define([,,,,,],t):"object"==typeof exports?exports.AblyUi=t(require("dompurify"),require("js-cookie"),require("lodash.throttle"),require("prop-types"),require("react"),require("redux")):(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Notice=t(e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0]))}(this,((e,t,r,n,o,i)=>(()=>{"use strict";var c={710:t=>{t.exports=e},4360:e=>{e.exports=t},7326:e=>{e.exports=r},6073:e=>{e.exports=n},5225:e=>{e.exports=o},5293:e=>{e.exports=i}},a={};function u(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return c[e](r,r.exports,u),r.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var l={};return(()=>{u.d(l,{default:()=>R});var e=u(4360),t=u.n(e),r=u(7326),n=u.n(r),o=u(5225),i=u.n(o),c=u(710),a=u.n(c),s=u(6073),f=u.n(s);let p=(e=21)=>{let t="",r=e;for(;r--;)t+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[64*Math.random()|0];return t};u(5293);var d=["name","size","color","additionalCSS"];function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.apply(this,arguments)}var m=function(e){var t=e.name,r=e.size,n=void 0===r?"0.75rem":r,o=e.color,c=void 0===o?"":o,a=e.additionalCSS,u=void 0===a?"":a,l=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,d);return i().createElement("svg",y({className:"".concat(c," ").concat(u),style:{width:n,height:n}},l),i().createElement("use",{xlinkHref:"#sprite-".concat(t)}))};m.propTypes={name:f().string.isRequired,size:f().string,color:f().string,additionalCSS:f().string};const b=m;function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},v.apply(this,arguments)}function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){w(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null!=r){var n,o,i=[],c=!0,a=!1;try{for(r=r.call(e);!(c=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{c||null==r.return||r.return()}finally{if(a)throw o}}return i}}(e,t)||x(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function w(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function j(e){return function(e){if(Array.isArray(e))return S(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||x(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,t){if(e){if("string"==typeof e)return S(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?S(e,t):void 0}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var E="flashes",P="ui-flashes",A={items:[]},k=(w({},E,(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:A,t=arguments.length>1?arguments[1]:void 0;if("flash/push"===t.type){var r=Array.isArray(t.payload)?t.payload:[t.payload];return{items:[].concat(j(e.items),j(r))}}return e})),{type:f().oneOf(["error","success","notice","info","alert"]),content:f().string}),q={error:"bg-gui-error",success:"bg-zingy-green",notice:"bg-electric-cyan",info:"bg-electric-cyan",alert:"bg-active-orange"},T={error:"text-white",success:"text-cool-black",notice:"text-cool-black",info:"text-cool-black",alert:"text-white"},C=["success","info","notice"],L=function(e){var t=e.id,r=e.type,n=e.content,c=e.removeFlash,u=(0,o.useRef)(null),l=O((0,o.useState)(!1),2),s=l[0],f=l[1],p=O((0,o.useState)(0),2),d=p[0],y=p[1],m=O((0,o.useState)(!1),2),v=m[0],h=m[1],g=function(){u.current&&y(u.current.getBoundingClientRect().height),f(!0),setTimeout((function(){c(t)}),100)};(0,o.useEffect)((function(){return h(!0)}),[]),function(e,t){var r=(0,o.useRef)(null);(0,o.useEffect)((function(){return C.includes(e)&&(r.current=setTimeout((function(){t()}),8e3)),function(){r.current&&clearTimeout(r.current)}}),[])}(r,g);var w,j=v&&!s;w=d&&!s?{height:"".concat(d,"px")}:s?{height:0,marginTop:0,zIndex:-1}:{};var x=a().sanitize(n,{ALLOWED_TAGS:["a"],ALLOWED_ATTR:["href","data-method","rel"]}),S={notice:"icon-gui-ably-badge",success:"icon-gui-tick",error:"icon-gui-warning",alert:"icon-gui-warning"},E={notice:"text-cool-black",success:"text-cool-black",error:"text-white",alert:"text-white"};return i().createElement("div",{className:"ui-flash-message ui-grid-px ".concat(j?"ui-flash-message-enter":""),style:w,ref:u,"data-id":"ui-flash"},i().createElement("div",{className:"".concat(q[r]," p-32 flex align-center rounded shadow-container-subtle")},S[r]&&i().createElement(b,{name:S[r],color:E[r],size:"1.5rem",additionalCSS:"mr-16 self-baseline"}),i().createElement("p",{className:"ui-
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("dompurify"),require("js-cookie"),require("lodash.throttle"),require("prop-types"),require("react"),require("redux")):"function"==typeof define&&define.amd?define([,,,,,],t):"object"==typeof exports?exports.AblyUi=t(require("dompurify"),require("js-cookie"),require("lodash.throttle"),require("prop-types"),require("react"),require("redux")):(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Notice=t(e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0]))}(this,((e,t,r,n,o,i)=>(()=>{"use strict";var c={710:t=>{t.exports=e},4360:e=>{e.exports=t},7326:e=>{e.exports=r},6073:e=>{e.exports=n},5225:e=>{e.exports=o},5293:e=>{e.exports=i}},a={};function u(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return c[e](r,r.exports,u),r.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var l={};return(()=>{u.d(l,{default:()=>R});var e=u(4360),t=u.n(e),r=u(7326),n=u.n(r),o=u(5225),i=u.n(o),c=u(710),a=u.n(c),s=u(6073),f=u.n(s);let p=(e=21)=>{let t="",r=e;for(;r--;)t+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[64*Math.random()|0];return t};u(5293);var d=["name","size","color","additionalCSS"];function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.apply(this,arguments)}var m=function(e){var t=e.name,r=e.size,n=void 0===r?"0.75rem":r,o=e.color,c=void 0===o?"":o,a=e.additionalCSS,u=void 0===a?"":a,l=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,d);return i().createElement("svg",y({className:"".concat(c," ").concat(u),style:{width:n,height:n}},l),i().createElement("use",{xlinkHref:"#sprite-".concat(t)}))};m.propTypes={name:f().string.isRequired,size:f().string,color:f().string,additionalCSS:f().string};const b=m;function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},v.apply(this,arguments)}function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){w(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null!=r){var n,o,i=[],c=!0,a=!1;try{for(r=r.call(e);!(c=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{c||null==r.return||r.return()}finally{if(a)throw o}}return i}}(e,t)||x(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function w(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function j(e){return function(e){if(Array.isArray(e))return S(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||x(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,t){if(e){if("string"==typeof e)return S(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?S(e,t):void 0}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var E="flashes",P="ui-flashes",A={items:[]},k=(w({},E,(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:A,t=arguments.length>1?arguments[1]:void 0;if("flash/push"===t.type){var r=Array.isArray(t.payload)?t.payload:[t.payload];return{items:[].concat(j(e.items),j(r))}}return e})),{type:f().oneOf(["error","success","notice","info","alert"]),content:f().string}),q={error:"bg-gui-error",success:"bg-zingy-green",notice:"bg-electric-cyan",info:"bg-electric-cyan",alert:"bg-active-orange"},T={error:"text-white",success:"text-cool-black",notice:"text-cool-black",info:"text-cool-black",alert:"text-white"},C=["success","info","notice"],L=function(e){var t=e.id,r=e.type,n=e.content,c=e.removeFlash,u=(0,o.useRef)(null),l=O((0,o.useState)(!1),2),s=l[0],f=l[1],p=O((0,o.useState)(0),2),d=p[0],y=p[1],m=O((0,o.useState)(!1),2),v=m[0],h=m[1],g=function(){u.current&&y(u.current.getBoundingClientRect().height),f(!0),setTimeout((function(){c(t)}),100)};(0,o.useEffect)((function(){return h(!0)}),[]),function(e,t){var r=(0,o.useRef)(null);(0,o.useEffect)((function(){return C.includes(e)&&(r.current=setTimeout((function(){t()}),8e3)),function(){r.current&&clearTimeout(r.current)}}),[])}(r,g);var w,j=v&&!s;w=d&&!s?{height:"".concat(d,"px")}:s?{height:0,marginTop:0,zIndex:-1}:{};var x=a().sanitize(n,{ALLOWED_TAGS:["a"],ALLOWED_ATTR:["href","data-method","rel"]}),S={notice:"icon-gui-ably-badge",success:"icon-gui-tick",error:"icon-gui-warning",alert:"icon-gui-warning"},E={notice:"text-cool-black",success:"text-cool-black",error:"text-white",alert:"text-white"};return i().createElement("div",{className:"ui-flash-message ui-grid-px ".concat(j?"ui-flash-message-enter":""),style:w,ref:u,"data-id":"ui-flash"},i().createElement("div",{className:"".concat(q[r]," p-32 flex align-center rounded shadow-container-subtle")},S[r]&&i().createElement(b,{name:S[r],color:E[r],size:"1.5rem",additionalCSS:"mr-16 self-baseline"}),i().createElement("p",{className:"ui-text-p1 mr-16 ".concat(T[r]),dangerouslySetInnerHTML:{__html:x}}),i().createElement("button",{type:"button",className:"p-0 ml-auto self-start focus:outline-none",onClick:g},i().createElement(b,{name:"icon-gui-close",color:E[r],size:"1.5rem",additionalCSS:"transition-colors"}))))};L.propTypes=g({},k);var z=function(e){var t=e.flashes,r=O((0,o.useState)([]),2),n=r[0],c=r[1],a=function(e){return c((function(t){return t.filter((function(t){return t.id!==e}))}))};return(0,o.useEffect)((function(){c((function(e){return[].concat(j(e),j(((null==t?void 0:t.items)||[]).map((function(e){return g(g({},e),{},{id:p(),removed:!1})}))))}))}),[t]),i().createElement("div",{className:"ui-flash","data-id":P},n.filter((function(e){return!e.removed})).map((function(e){return i().createElement(L,v({removeFlash:a,key:e.id},e))})))};z.propTypes={flashes:f().shape({items:f().arrayOf(f().shape(k))})};function D(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function I(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}f().arrayOf(f().arrayOf(f().string));var N=function(e){var t=function(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelector("[data-id=".concat(e,"]"))}(P);t&&(t.style.marginTop=e?"4rem":null)},U=function(e){window.matchMedia("(min-width: 65rem)").matches?e.style.display=null:e.style.display="none"},_=function(e){e.style.maxHeight=0,e.style.overflow="hidden",N(!1)},M=function(e){e.style.maxHeight=null,e.style.overflow=null,N(!0)};const R=function(e){var r=e.bannerContainer,o=e.cookieId,i=e.noticeId,c=e.options;if("undefined"==typeof window)return function(){};if(!r)return console.warn("A Notice component was initited but no notice container was found."),function(){};if(function(e,r){return(t().get(e)||"").includes(r)}(o,i))return function(){};U(r),M(r);var a=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?D(Object(r),!0).forEach((function(t){I(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):D(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({collapse:!0},c),u=a.collapse?function(e){window.scrollY>5&&_(e);var t=n()((function(){window.scrollY>5?_(e):e.style.overflow&&M(e)}),100);return document.addEventListener("scroll",t),function(){return document.removeEventListener("scroll",t)}}(r):function(){},l=function(e,r,n,o){var i=e.querySelector("button");if(!i)return function(){};var c=function(){r&&n&&function(e,r){var n=t().get(e)||"";t().set(e,"".concat(n.replace("".concat(r,","),"")+r,","),{expires:90})}(r,n),_(e),o()};return i.addEventListener("click",c),function(){return document.removeEventListener("click",c)}}(r,o,i,u),s=function(e){var t=n()((function(){U(e)}),100);return window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}(r);return function(){[l,u,s].forEach((function(e){return e()}))}}})(),l.default})()));
|
package/core/Notice.jsx
CHANGED
|
@@ -325,7 +325,7 @@ var Flash = function Flash(_ref) {
|
|
|
325
325
|
size: "1.5rem",
|
|
326
326
|
additionalCSS: "mr-16 self-baseline"
|
|
327
327
|
}), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
|
|
328
|
-
className: "ui-
|
|
328
|
+
className: "ui-text-p1 mr-16 ".concat(FLASH_TEXT_COLOR[type]),
|
|
329
329
|
dangerouslySetInnerHTML: {
|
|
330
330
|
__html: safeContent
|
|
331
331
|
}
|
|
@@ -822,7 +822,7 @@ var Icon_component = __webpack_require__(9008);
|
|
|
822
822
|
;// CONCATENATED MODULE: ./src/core/Notice/component.jsx
|
|
823
823
|
|
|
824
824
|
|
|
825
|
-
var contentWrapperClasses = "
|
|
825
|
+
var contentWrapperClasses = "w-full pr-8 ui-text-p3 self-center";
|
|
826
826
|
|
|
827
827
|
|
|
828
828
|
|
|
@@ -876,7 +876,7 @@ var component_Notice = function Notice(_ref2) {
|
|
|
876
876
|
}, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(ContentWrapper, {
|
|
877
877
|
buttonLink: buttonLink
|
|
878
878
|
}, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("strong", {
|
|
879
|
-
className: "font-
|
|
879
|
+
className: "font-bold whitespace-nowrap pr-4"
|
|
880
880
|
}, title), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("span", {
|
|
881
881
|
className: "pr-4"
|
|
882
882
|
}, bodyText), buttonLabel && /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("span", {
|
|
@@ -887,7 +887,7 @@ var component_Notice = function Notice(_ref2) {
|
|
|
887
887
|
}, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component["default"], {
|
|
888
888
|
name: "icon-gui-close",
|
|
889
889
|
size: "1.25rem",
|
|
890
|
-
color: "text-
|
|
890
|
+
color: "text-cool-black"
|
|
891
891
|
}))));
|
|
892
892
|
};
|
|
893
893
|
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
.ui-uptime-key {
|
|
87
87
|
@apply block mt-16 mr-20 bg-transparent;
|
|
88
88
|
@apply sm:inline-block sm:mt-0;
|
|
89
|
-
@apply font-
|
|
89
|
+
@apply font-medium text-p2 text-white block sm:inline-flex items-center;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
.ui-uptime-key:first-child {
|
package/core/Uptime.jsx
CHANGED
|
@@ -30,24 +30,33 @@ return /******/ (() => { // webpackBootstrap
|
|
|
30
30
|
var FeaturedLink = function FeaturedLink(_ref) {
|
|
31
31
|
var url = _ref.url,
|
|
32
32
|
_ref$textSize = _ref.textSize,
|
|
33
|
-
textSize = _ref$textSize === void 0 ? "text-
|
|
33
|
+
textSize = _ref$textSize === void 0 ? "text-p2" : _ref$textSize,
|
|
34
34
|
_ref$iconColor = _ref.iconColor,
|
|
35
35
|
iconColor = _ref$iconColor === void 0 ? "text-cool-black" : _ref$iconColor,
|
|
36
36
|
_ref$flush = _ref.flush,
|
|
37
37
|
flush = _ref$flush === void 0 ? false : _ref$flush,
|
|
38
|
+
_ref$reverse = _ref.reverse,
|
|
39
|
+
reverse = _ref$reverse === void 0 ? false : _ref$reverse,
|
|
40
|
+
_ref$additionalCSS = _ref.additionalCSS,
|
|
41
|
+
additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
|
|
38
42
|
children = _ref.children;
|
|
39
43
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
|
40
44
|
href: url,
|
|
41
|
-
className: "
|
|
45
|
+
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),
|
|
42
46
|
style: {
|
|
43
47
|
"--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
|
|
44
48
|
}
|
|
45
|
-
},
|
|
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"], {
|
|
46
50
|
name: "icon-gui-link-arrow",
|
|
47
51
|
size: "calc(var(--featured-link-icon-size) * 1.25)",
|
|
48
52
|
color: iconColor,
|
|
49
|
-
additionalCSS: "
|
|
50
|
-
}))
|
|
53
|
+
additionalCSS: "align-middle mr-8 relative -top-1 -right-4 transition-all group-hover:right-0 transform rotate-180"
|
|
54
|
+
}), children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
55
|
+
name: "icon-gui-link-arrow",
|
|
56
|
+
size: "calc(var(--featured-link-icon-size) * 1.25)",
|
|
57
|
+
color: iconColor,
|
|
58
|
+
additionalCSS: "align-middle ml-8 relative -top-1 -left-4 transition-all group-hover:left-0"
|
|
59
|
+
})));
|
|
51
60
|
};
|
|
52
61
|
|
|
53
62
|
FeaturedLink.propTypes = {
|
|
@@ -55,7 +64,9 @@ FeaturedLink.propTypes = {
|
|
|
55
64
|
children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
|
|
56
65
|
textSize: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
57
66
|
iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
|
|
58
|
-
flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
|
|
67
|
+
flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
68
|
+
reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
|
|
69
|
+
additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
|
|
59
70
|
};
|
|
60
71
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
|
|
61
72
|
|
|
@@ -810,7 +821,7 @@ function Uptime(_ref8) {
|
|
|
810
821
|
|
|
811
822
|
if (data && data.error) {
|
|
812
823
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
|
|
813
|
-
className: "flex sm:flex-row justify-center items-center p-24 border rounded
|
|
824
|
+
className: "flex sm:flex-row justify-center items-center p-24 border rounded ui-text-p2 ".concat(themes[theme].text),
|
|
814
825
|
"data-id": "uptime-error"
|
|
815
826
|
}, "Sorry, we can\u2019t retrieve uptime data right now.");
|
|
816
827
|
}
|