@splunk/react-ui 4.16.3 → 4.17.0

package/Layer.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 214);
+/******/ 	return __webpack_require__(__webpack_require__.s = 220);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,21 @@ module.exports = require("lodash/pull");
 
 /***/ }),
 
-/***/ 162:
+/***/ 15:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/EventListener");
+
+/***/ }),
+
+/***/ 16:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/includes");
+
+/***/ }),
+
+/***/ 166:
 /***/ (function(module, exports) {
 
 var g;
@@ -133,20 +147,6 @@ try {
 module.exports = g;
 
 
-/***/ }),
-
-/***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/EventListener");
-
-/***/ }),
-
-/***/ 18:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/includes");
-
 /***/ }),
 
 /***/ 2:
@@ -156,7 +156,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 214:
+/***/ 220:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -174,18 +174,18 @@ var external_react_ = __webpack_require__(2);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 
 // EXTERNAL MODULE: external "react-dom"
-var external_react_dom_ = __webpack_require__(93);
+var external_react_dom_ = __webpack_require__(91);
 
 // EXTERNAL MODULE: external "prop-types"
 var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/includes"
-var includes_ = __webpack_require__(18);
+var includes_ = __webpack_require__(16);
 var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
 
 // EXTERNAL MODULE: external "lodash/last"
-var last_ = __webpack_require__(94);
+var last_ = __webpack_require__(92);
 var last_default = /*#__PURE__*/__webpack_require__.n(last_);
 
 // EXTERNAL MODULE: external "lodash/pull"
@@ -193,14 +193,14 @@ var pull_ = __webpack_require__(119);
 var pull_default = /*#__PURE__*/__webpack_require__.n(pull_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
-var keyboard_ = __webpack_require__(9);
+var keyboard_ = __webpack_require__(7);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
-var EventListener_ = __webpack_require__(17);
+var EventListener_ = __webpack_require__(15);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: ./src/Layer/LayerStack.tsx
-var LayerStack = __webpack_require__(95);
+var LayerStack = __webpack_require__(93);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -221,7 +221,7 @@ var StyledLayer = external_styled_components_default.a.div.withConfig({
 });
 
 // EXTERNAL MODULE: ./src/utils/ssrDocument.ts
-var ssrDocument = __webpack_require__(28);
+var ssrDocument = __webpack_require__(27);
 
 // CONCATENATED MODULE: ./src/Layer/Layer.tsx
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -428,7 +428,7 @@ _defineProperty(Layer_Layer, "contextType", LayerStack["b" /* LayerStackContext
 
 /***/ }),
 
-/***/ 28:
+/***/ 27:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -506,28 +506,28 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 9:
+/***/ 7:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
-/***/ 93:
+/***/ 91:
 /***/ (function(module, exports) {
 
 module.exports = require("react-dom");
 
 /***/ }),
 
-/***/ 94:
+/***/ 92:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/last");
 
 /***/ }),
 
-/***/ 95:
+/***/ 93:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -586,7 +586,7 @@ function LayerStackGlobalProvider(_ref) {
 
 LayerStackGlobalProvider.propTypes = propTypes;
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(162)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(166)))
 
 /***/ })
 

package/Link.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 215);
+/******/ 	return __webpack_require__(__webpack_require__.s = 200);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 14:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
@@ -115,7 +115,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 215:
+/***/ 200:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -134,30 +134,65 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
-var Dropdown_ = __webpack_require__(24);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(4);
+var Dropdown_ = __webpack_require__(22);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
-// EXTERNAL MODULE: external "@splunk/react-icons/External"
-var External_ = __webpack_require__(60);
-var External_default = /*#__PURE__*/__webpack_require__.n(External_);
+// EXTERNAL MODULE: external "@splunk/react-icons/ArrowSquareTopRight"
+var ArrowSquareTopRight_ = __webpack_require__(94);
+var ArrowSquareTopRight_default = /*#__PURE__*/__webpack_require__.n(ArrowSquareTopRight_);
 
-// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(14);
-var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
+// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"
+var External_ = __webpack_require__(62);
+var External_default = /*#__PURE__*/__webpack_require__.n(External_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
-// CONCATENATED MODULE: ./src/Link/LinkStyles.ts
+// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
+var i18n_ = __webpack_require__(4);
+
+// CONCATENATED MODULE: ./src/Link/icons/External.tsx
+
+
+
+
 
 
 
+var label = Object(i18n_["_"])('Open externally');
+
+var iconStyles = Object(external_styled_components_["css"])(["width:0.8em;height:0.8em;vertical-align:baseline;"]);
+var StyledEnterprise = external_styled_components_default()(External_default.a).withConfig({
+  displayName: "External__StyledEnterprise",
+  componentId: "sc-13bdx45-0"
+})(["", " margin:0 0 0 3px;"], iconStyles);
+var StyledPrisma = external_styled_components_default()(ArrowSquareTopRight_default.a).withConfig({
+  displayName: "External__StyledPrisma",
+  componentId: "sc-13bdx45-1"
+})(["", " margin:0 0 0 4px;"], iconStyles);
+
+function External() {
+  var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
+      isEnterprise = _useSplunkTheme.isEnterprise;
+
+  return isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(StyledEnterprise, {
+    screenReaderText: label
+  }) : /*#__PURE__*/external_react_default.a.createElement(StyledPrisma, {
+    "aria-label": label
+  }, /*#__PURE__*/external_react_default.a.createElement("title", null, label));
+}
+
+/* harmony default export */ var icons_External = (External);
+// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
+var Clickable_ = __webpack_require__(12);
+var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
+
+// CONCATENATED MODULE: ./src/Link/LinkStyles.ts
+
+
 
 var StyledClickable = external_styled_components_default()(Clickable_default.a).withConfig({
   displayName: "LinkStyles__StyledClickable",
@@ -172,13 +207,6 @@ var StyledClickable = external_styled_components_default()(Clickable_default.a).
   enterprise: Object(external_styled_components_["css"])(["&:hover{text-decoration:underline;}"]),
   prisma: Object(external_styled_components_["css"])(["&:hover:not(:focus),&:active{text-decoration:underline;text-underline-position:under;}"])
 }), themes_["variables"].focusShadow, themes_["variables"].contentColorDisabled);
-var StyledExternal = external_styled_components_default()(External_default.a).withConfig({
-  displayName: "LinkStyles__StyledExternal",
-  componentId: "sc-1hhltcf-1"
-})(["vertical-align:baseline;margin:", ";"], Object(themes_["pick"])({
-  enterprise: '0 0 0 3px',
-  prisma: '0 0 0 4px'
-}));
 
 // CONCATENATED MODULE: ./src/Link/Link.tsx
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -280,10 +308,7 @@ var Link_Link = /*#__PURE__*/function (_Component) {
         "data-test": "link",
         ref: this.handleMount,
         openInNewContext: openInNewContext
-      }, otherProps), children, openInNewContext && /*#__PURE__*/external_react_default.a.createElement(StyledExternal, {
-        screenReaderText: Object(i18n_["_"])('Open externally'),
-        size: 0.8
-      }));
+      }, otherProps), children, openInNewContext && /*#__PURE__*/external_react_default.a.createElement(icons_External, null));
     }
   }]);
 
@@ -302,7 +327,7 @@ _defineProperty(Link_Link, Dropdown_["legacyRefMode"], true);
 
 /***/ }),
 
-/***/ 24:
+/***/ 22:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Dropdown");
@@ -323,10 +348,17 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 60:
+/***/ 62:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/enterprise/External");
+
+/***/ }),
+
+/***/ 94:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/External");
+module.exports = require("@splunk/react-icons/ArrowSquareTopRight");
 
 /***/ })
 

package/List.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 193);
+/******/ 	return __webpack_require__(__webpack_require__.s = 201);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 193:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 201:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -216,13 +223,6 @@ List.Item = List_Item;
 
 
 
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
 /***/ }),
 
 /***/ 3:

package/MIGRATION.md

@@ -2,6 +2,34 @@
 
 This document lists migration guidance for new features and breaking changes.
 
+## 4.17.0
+
+### `Typography` `weight` prop
+**Change:**
+`Typography` no longer supports numerical values for `weight`.
+
+**Context:**
+Supporting both numerical and keyword values creates confusion on which is correct to use.
+Themes has new variables in version 4.17.0 that support all of the weight values in the design system.
+This aligns with the existing API for `variant` in this component.
+
+**Migration steps:**
+Convert any usage of a number to the keyword value using the following table based on (MDN)[https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight#common_weight_name_mapping]: 
+|Number|Key-word |
+|------|------------|
+| 300  | 'light'    |
+| 400  | 'normal'   |
+| 500  | 'semiBold' |
+| 600  | 'semiBold' |
+| 700  | 'bold'     |
+| 800  | 'extraBold'|
+| 900  | 'heavy'    |
+
+For example, convert:
+`<Typography as="p" weight={700} />`
+to:
+`<Typography as="p" weight='bold' />`
+
 ## 4.12.0
 
 ### Multiline `Text` to `TextArea`

package/Markdown.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 165);
+/******/ 	return __webpack_require__(__webpack_require__.s = 170);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,35 +108,35 @@ module.exports = require("@splunk/react-ui/List");
 
 /***/ }),
 
-/***/ 134:
+/***/ 138:
 /***/ (function(module, exports) {
 
 module.exports = require("commonmark-react-renderer");
 
 /***/ }),
 
-/***/ 135:
+/***/ 139:
 /***/ (function(module, exports) {
 
 module.exports = require("commonmark");
 
 /***/ }),
 
-/***/ 136:
+/***/ 140:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Code");
 
 /***/ }),
 
-/***/ 137:
+/***/ 141:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Paragraph");
 
 /***/ }),
 
-/***/ 165:
+/***/ 170:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -165,15 +165,15 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "commonmark-react-renderer"
-var external_commonmark_react_renderer_ = __webpack_require__(134);
+var external_commonmark_react_renderer_ = __webpack_require__(138);
 var external_commonmark_react_renderer_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_react_renderer_);
 
 // EXTERNAL MODULE: external "commonmark"
-var external_commonmark_ = __webpack_require__(135);
+var external_commonmark_ = __webpack_require__(139);
 var external_commonmark_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
-var Box_ = __webpack_require__(8);
+var Box_ = __webpack_require__(6);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -258,7 +258,7 @@ function MarkdownCode(_ref) {
 MarkdownCode.propTypes = MarkdownCode_propTypes;
 /* harmony default export */ var renderers_MarkdownCode = (MarkdownCode);
 // EXTERNAL MODULE: external "@splunk/react-ui/Code"
-var Code_ = __webpack_require__(136);
+var Code_ = __webpack_require__(140);
 var Code_default = /*#__PURE__*/__webpack_require__.n(Code_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
@@ -292,7 +292,7 @@ function MarkdownCodeBlock(_ref) {
 MarkdownCodeBlock.propTypes = MarkdownCodeBlock_propTypes;
 /* harmony default export */ var renderers_MarkdownCodeBlock = (MarkdownCodeBlock);
 // EXTERNAL MODULE: external "@splunk/react-ui/Heading"
-var Heading_ = __webpack_require__(77);
+var Heading_ = __webpack_require__(76);
 var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownHeading.tsx
@@ -363,7 +363,7 @@ function MarkdownImage(_ref) {
 MarkdownImage.propTypes = MarkdownImage_propTypes;
 /* harmony default export */ var renderers_MarkdownImage = (MarkdownImage);
 // EXTERNAL MODULE: external "@splunk/react-ui/Link"
-var Link_ = __webpack_require__(42);
+var Link_ = __webpack_require__(39);
 var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
@@ -433,7 +433,7 @@ function MarkdownItem(_ref) {
 MarkdownItem.propTypes = MarkdownItem_propTypes;
 /* harmony default export */ var renderers_MarkdownItem = (MarkdownItem);
 // EXTERNAL MODULE: external "@splunk/react-ui/Paragraph"
-var Paragraph_ = __webpack_require__(137);
+var Paragraph_ = __webpack_require__(141);
 var Paragraph_default = /*#__PURE__*/__webpack_require__.n(Paragraph_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownParagraph.tsx
@@ -575,31 +575,31 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 4:
+/***/ 39:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/i18n");
+module.exports = require("@splunk/react-ui/Link");
 
 /***/ }),
 
-/***/ 42:
+/***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Link");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 77:
+/***/ 6:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Heading");
+module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 8:
+/***/ 76:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Box");
+module.exports = require("@splunk/react-ui/Heading");
 
 /***/ }),