@splunk/react-ui 4.14.0 → 4.16.0

package/ControlGroup.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 142);
+/******/ 	return __webpack_require__(__webpack_require__.s = 191);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,21 +101,21 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 11:
+/***/ 13:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 14:
+/***/ 16:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 142:
+/***/ 191:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -134,25 +134,30 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(4);
+// EXTERNAL MODULE: external "lodash/find"
+var find_ = __webpack_require__(51);
+var find_default = /*#__PURE__*/__webpack_require__.n(find_);
+
+// EXTERNAL MODULE: external "lodash/isFinite"
+var isFinite_ = __webpack_require__(21);
+var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(11);
+var id_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
 var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
+var ScreenReaderContent_ = __webpack_require__(16);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
-var Tooltip_ = __webpack_require__(52);
+var Tooltip_ = __webpack_require__(67);
 var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -226,10 +231,27 @@ var StyledLabel = external_styled_components_default.a.label.withConfig({
 var StyledHelp = external_styled_components_default.a.div.withConfig({
   displayName: "ControlGroupStyles__StyledHelp",
   componentId: "wjnyif-5"
-})(["", ";font-size:", ";color:", ";margin-top:", ";[aria-invalid] > &{color:inherit;}"], themes_["mixins"].reset('block'), themes_["variables"].fontSizeSmall, themes_["variables"].contentColorMuted, Object(themes_["pick"])({
+})(["", ";font-size:", ";color:", ";margin-top:", ";", ""], themes_["mixins"].reset('block'), themes_["variables"].fontSizeSmall, themes_["variables"].contentColorMuted, Object(themes_["pick"])({
   enterprise: '2px',
   prisma: '4px'
-}));
+}), function (_ref3) {
+  var $error = _ref3.$error;
+  return $error && Object(external_styled_components_["css"])(["color:inherit;"]);
+});
+var StyledErrorText = external_styled_components_default.a.div.withConfig({
+  displayName: "ControlGroupStyles__StyledErrorText",
+  componentId: "wjnyif-6"
+})(["", ";font-size:", ";[aria-invalid] > &{color:inherit;}", ""], themes_["mixins"].reset('block'), themes_["variables"].fontSizeSmall, function (_ref4) {
+  var $help = _ref4.$help;
+  return !$help && Object(external_styled_components_["css"])(["margin-top:", ";"], Object(themes_["pick"])({
+    enterprise: '2px',
+    prisma: '4px'
+  }));
+});
+var StyledAsterisk = external_styled_components_default.a.span.withConfig({
+  displayName: "ControlGroupStyles__StyledAsterisk",
+  componentId: "wjnyif-7"
+})(["color:inherit;margin-right:2px;"]);
 
 // CONCATENATED MODULE: ./src/ControlGroup/ControlGroupContext.tsx
 
@@ -298,19 +320,21 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
  // props ControlGroup may access and/or override on children
 
 var propTypes = {
   children: external_prop_types_default.a.node,
   controlsLayout: external_prop_types_default.a.oneOf(['fill', 'fillJoin', 'none', 'stack']),
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
-  error: external_prop_types_default.a.bool,
+  error: external_prop_types_default.a.oneOfType([external_prop_types_default.a.bool, external_prop_types_default.a.string]),
   help: external_prop_types_default.a.node,
   hideLabel: external_prop_types_default.a.bool,
   label: external_prop_types_default.a.string.isRequired,
   labelFor: external_prop_types_default.a.string,
   labelPosition: external_prop_types_default.a.oneOf(['left', 'top']),
   labelWidth: external_prop_types_default.a.oneOfType([external_prop_types_default.a.number, external_prop_types_default.a.string]),
+  required: external_prop_types_default.a.bool,
   size: external_prop_types_default.a.oneOf(['small', 'medium']),
 
   /** @private */
@@ -324,6 +348,7 @@ var defaultProps = {
   hideLabel: false,
   labelPosition: 'left',
   labelWidth: 120,
+  required: false,
   size: 'medium'
 };
 // Style cloned onto child elements when fill behavior set.
@@ -366,6 +391,8 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
 
     _this = _super.call(this, props);
 
+    _defineProperty(_assertThisInitialized(_this), "errorId", void 0);
+
     _defineProperty(_assertThisInitialized(_this), "helpId", void 0);
 
     _defineProperty(_assertThisInitialized(_this), "labelId", void 0);
@@ -414,7 +441,7 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
       var _components = _slicedToArray(components, 1),
           firstChild = _components[0];
 
-      var firstText = Object(external_lodash_["find"])(components, function (comp) {
+      var firstText = find_default()(components, function (comp) {
         return comp.type && comp.type.componentType === 'Text';
       });
 
@@ -436,11 +463,15 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
       return undefined;
     });
 
-    _this.labelId = Object(id_["createDOMID"])('label');
+    _this.errorId = Object(id_["createDOMID"])('error');
     _this.helpId = Object(id_["createDOMID"])('help');
+    _this.labelId = Object(id_["createDOMID"])('label');
     _this.contextValue = _this.createContextValue();
     _this.childIds = {};
     _this.stackLayoutChildStyle = {};
+
+    if (false) {}
+
     return _this;
   }
 
@@ -489,11 +520,12 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
           labelFor = _this$props.labelFor,
           labelPosition = _this$props.labelPosition,
           labelWidth = _this$props.labelWidth,
+          required = _this$props.required,
           size = _this$props.size,
           splunkTheme = _this$props.splunkTheme,
           tooltip = _this$props.tooltip,
           tooltipDefaultPlacement = _this$props.tooltipDefaultPlacement,
-          otherProps = _objectWithoutProperties(_this$props, ["children", "controlsLayout", "error", "help", "hideLabel", "label", "labelFor", "labelPosition", "labelWidth", "size", "splunkTheme", "tooltip", "tooltipDefaultPlacement"]);
+          otherProps = _objectWithoutProperties(_this$props, ["children", "controlsLayout", "error", "help", "hideLabel", "label", "labelFor", "labelPosition", "labelWidth", "required", "size", "splunkTheme", "tooltip", "tooltipDefaultPlacement"]);
 
       var isPrisma = splunkTheme.isPrisma,
           isCompact = splunkTheme.isCompact;
@@ -537,8 +569,16 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
 
         cloneProps.labelledBy = _this2.labelId;
 
-        if (_this2.props.help) {
+        if (_this2.props.help && typeof _this2.props.error === 'boolean') {
           cloneProps.describedBy = _this2.helpId;
+        } else if (_this2.props.help && typeof _this2.props.error === 'string') {
+          cloneProps.describedBy = "".concat(_this2.helpId, " ").concat(_this2.errorId);
+        } else if (!_this2.props.help && typeof _this2.props.error === 'string') {
+          cloneProps.describedBy = _this2.errorId;
+        }
+
+        if (_this2.props.required) {
+          cloneProps.required = true;
         } // TODO: SUI-3402 refactor so that parent component doesn't have to know what it's child components are
 
 
@@ -579,7 +619,7 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
       var labelWidthStyle = labelPosition === 'left' ? {
         width: labelWidth
       } : undefined;
-      var labelWidthString = Object(external_lodash_["isFinite"])(labelWidth) ? "".concat(labelWidth, "px") : labelWidth;
+      var labelWidthString = isFinite_default()(labelWidth) ? "".concat(labelWidth, "px") : labelWidth;
       var labelMargin = isPrisma ? '16px' : '20px';
       var contentMarginStyle = labelPosition === 'left' ? {
         marginLeft: "calc(".concat(labelWidthString, " + ").concat(labelMargin, ")")
@@ -595,15 +635,19 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
         id: this.labelId,
         htmlFor: labelFor || defaultLinkedId,
         $tooltip: !!tooltip
-      }, label, !isPrisma && !hideLabel && tooltip && /*#__PURE__*/external_react_default.a.createElement("span", null, "\xA0"), !hideLabel && tooltip && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, tooltip)), !hideLabel && tooltip && /*#__PURE__*/external_react_default.a.createElement(Tooltip_default.a, {
+      }, required && /*#__PURE__*/external_react_default.a.createElement(StyledAsterisk, {
+        "aria-hidden": "true"
+      }, "*"), label, !isPrisma && !hideLabel && tooltip && /*#__PURE__*/external_react_default.a.createElement("span", null, "\xA0"), !hideLabel && tooltip && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, tooltip)), !hideLabel && tooltip && /*#__PURE__*/external_react_default.a.createElement(Tooltip_default.a, {
         closeWhen: "notOnClick",
         content: tooltip,
         defaultPlacement: tooltipDefaultPlacement,
         "aria-hidden": "true"
       }));
+      var isError = typeof error === 'string' || error === true;
+      var isErrorBoolean = typeof error === 'boolean';
       return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
         "data-test": "control-group",
-        $error: error
+        $error: isError
       }, writableOtherProps), /*#__PURE__*/external_react_default.a.createElement(ControlGroup_ControlGroupContext.Provider, {
         value: this.getContextValue()
       }, hideLabel ? /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, styledLabel) : styledLabel, /*#__PURE__*/external_react_default.a.createElement(StyledControlsComponent, {
@@ -613,8 +657,14 @@ var ControlGroup_ControlGroup = /*#__PURE__*/function (_Component) {
       }, childrenFormatted), help && /*#__PURE__*/external_react_default.a.createElement(StyledHelp, {
         "data-test": "help",
         id: this.helpId,
-        style: contentMarginStyle
-      }, help)));
+        style: contentMarginStyle,
+        $error: isError && isErrorBoolean
+      }, help), isError && !isErrorBoolean && /*#__PURE__*/external_react_default.a.createElement(StyledErrorText, {
+        "data-test": "error",
+        id: this.errorId,
+        style: contentMarginStyle,
+        $help: !!help
+      }, error)));
     }
   }]);
 
@@ -642,6 +692,13 @@ module.exports = require("react");
 
 /***/ }),
 
+/***/ 21:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/isFinite");
+
+/***/ }),
+
 /***/ 3:
 /***/ (function(module, exports) {
 
@@ -649,14 +706,14 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 4:
+/***/ 51:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("lodash/find");
 
 /***/ }),
 
-/***/ 52:
+/***/ 67:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Tooltip");

package/Date.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 143);
+/******/ 	return __webpack_require__(__webpack_require__.s = 192);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 10:
+/***/ 11:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/has");
+
+/***/ }),
+
+/***/ 12:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,14 +135,21 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 11:
+/***/ 126:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Calendar");
+
+/***/ }),
+
+/***/ 13:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 143:
+/***/ 192:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -154,25 +168,30 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(4);
+// EXTERNAL MODULE: external "lodash/has"
+var has_ = __webpack_require__(11);
+var has_default = /*#__PURE__*/__webpack_require__.n(has_);
+
+// EXTERNAL MODULE: external "lodash/omit"
+var omit_ = __webpack_require__(5);
+var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "moment"
-var external_moment_ = __webpack_require__(17);
+var external_moment_ = __webpack_require__(22);
 var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/id"
-var id_ = __webpack_require__(11);
+var id_ = __webpack_require__(13);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Calendar"
-var Calendar_ = __webpack_require__(88);
+var Calendar_ = __webpack_require__(126);
 var Calendar_default = /*#__PURE__*/__webpack_require__.n(Calendar_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
-var Popover_ = __webpack_require__(18);
+var Popover_ = __webpack_require__(23);
 var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -183,7 +202,7 @@ var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Text"
-var Text_ = __webpack_require__(24);
+var Text_ = __webpack_require__(30);
 var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 
 // CONCATENATED MODULE: ./src/Date/DateStyles.ts
@@ -193,7 +212,10 @@ var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
 var StyledText = external_styled_components_default()(Text_default.a).withConfig({
   displayName: "DateStyles__StyledText",
   componentId: "kacgdc-0"
-})(["cursor:text;&[data-inline]{flex-basis:", ";width:", ";}"], Object(themes_["pick"])({
+})(["cursor:", ";&[data-inline]{flex-basis:", ";width:", ";}"], Object(themes_["pickVariant"])('$disabled', {
+  "false": 'text',
+  "true": 'not-allowed'
+}), Object(themes_["pick"])({
   enterprise: '105px',
   prisma: '150px'
 }), Object(themes_["pick"])({
@@ -235,7 +257,7 @@ function CalendarIcon(props) {
   }));
 }
 // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
-var updateReactRef = __webpack_require__(10);
+var updateReactRef = __webpack_require__(12);
 
 // CONCATENATED MODULE: ./src/Date/Date.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); }
@@ -276,6 +298,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
 var propTypes = {
   defaultValue: external_prop_types_default.a.string,
   describedBy: external_prop_types_default.a.string,
@@ -491,7 +514,7 @@ var _Date = /*#__PURE__*/function (_Component) {
       }
     });
 
-    _this.controlledExternally = Object(external_lodash_["has"])(props, 'value');
+    _this.controlledExternally = has_default()(props, 'value');
     var dateString = _this.isControlled() ? props.value : props.defaultValue || external_moment_default()().locale(props.locale).format(_Date.momentFormat);
     _this.state = {
       anchor: null,
@@ -559,6 +582,7 @@ var _Date = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props5 = this.props,
+          disabled = _this$props5.disabled,
           highlightToday = _this$props5.highlightToday,
           inputOnly = _this$props5.inputOnly,
           locale = _this$props5.locale,
@@ -567,7 +591,7 @@ var _Date = /*#__PURE__*/function (_Component) {
       var currentValue = this.getValue();
       var startAdornment = isPrisma && !inputOnly && /*#__PURE__*/external_react_default.a.createElement(IconContainer, {
         "aria-hidden": true,
-        $disabled: this.props.disabled
+        $disabled: disabled
       }, /*#__PURE__*/external_react_default.a.createElement(CalendarIcon, null));
       var children;
       var ariaProps = {};
@@ -575,12 +599,12 @@ var _Date = /*#__PURE__*/function (_Component) {
       if (!inputOnly) {
         ariaProps.role = 'combobox';
         ariaProps['aria-controls'] = this.state.calendarOpen ? this.popoverId : undefined;
-        ariaProps['aria-expanded'] = this.props.disabled ? false : this.state.calendarOpen;
+        ariaProps['aria-expanded'] = disabled ? false : this.state.calendarOpen;
         ariaProps['aria-haspopup'] = true;
         children = /*#__PURE__*/external_react_default.a.createElement(Popover_default.a, {
           anchor: this.state.anchor,
           id: this.popoverId,
-          open: this.props.disabled ? false : this.state.calendarOpen,
+          open: disabled ? false : this.state.calendarOpen,
           onRequestClose: this.handleRequestClose
         }, /*#__PURE__*/external_react_default.a.createElement(Calendar_default.a, {
           ref: this.handleCalendarMount,
@@ -606,8 +630,9 @@ var _Date = /*#__PURE__*/function (_Component) {
         onFocus: this.handleFocus,
         onKeyDown: this.handleKeyDown,
         value: this.getTextInputValue(),
-        startAdornment: startAdornment
-      }, ariaProps, Object(external_lodash_["omit"])(this.props, 'className', 'defaultValue', 'elementRef', 'inputOnly', 'multiline', 'locale', 'onChange', 'onClick', 'onFocus', 'onKeyDown', 'onSelect', 'spellCheck', 'value')), children);
+        startAdornment: startAdornment,
+        $disabled: disabled
+      }, ariaProps, omit_default()(this.props, 'className', 'defaultValue', 'elementRef', 'inputOnly', 'multiline', 'locale', 'onChange', 'onClick', 'onFocus', 'onKeyDown', 'onSelect', 'spellCheck', 'value')), children);
     }
   }]);
 
@@ -639,31 +664,24 @@ DateWithTheme.momentFormat = _Date.momentFormat;
 
 /***/ }),
 
-/***/ 17:
-/***/ (function(module, exports) {
-
-module.exports = require("moment");
-
-/***/ }),
-
-/***/ 18:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Popover");
+module.exports = require("react");
 
 /***/ }),
 
-/***/ 2:
+/***/ 22:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("moment");
 
 /***/ }),
 
-/***/ 24:
+/***/ 23:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Text");
+module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
@@ -674,17 +692,17 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 4:
+/***/ 30:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("@splunk/react-ui/Text");
 
 /***/ }),
 
-/***/ 88:
+/***/ 5:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Calendar");
+module.exports = require("lodash/omit");
 
 /***/ }),
 

package/DefinitionList.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 126);
+/******/ 	return __webpack_require__(__webpack_require__.s = 175);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 126:
+/***/ 175:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -134,9 +134,12 @@ var themes_ = __webpack_require__(0);
 var Styled = external_styled_components_default.a.dd.withConfig({
   displayName: "DescriptionStyles__Styled",
   componentId: "sc-1jglixb-0"
-})(["", ";min-height:", ";padding-left:5px;", ""], themes_["mixins"].reset('block'), themes_["variables"].lineHeight, Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorActive)
-}));
+})(["", ";", ";min-height:", ";padding-left:5px;"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
+  prisma: themes_["mixins"].typography('body', {
+    color: 'active'
+  }),
+  enterprise: themes_["mixins"].typography('body')
+}), themes_["variables"].lineHeight);
 
 // CONCATENATED MODULE: ./src/DefinitionList/Description.tsx
 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); }
@@ -176,7 +179,7 @@ Description.propTypes = propTypes;
 var DefinitionListStyles_Styled = external_styled_components_default.a.dl.withConfig({
   displayName: "DefinitionListStyles__Styled",
   componentId: "sc-1pqfrgm-0"
-})(["", ";"], themes_["mixins"].reset('block'));
+})(["", ";", ";"], themes_["mixins"].reset('block'), themes_["mixins"].typography('body'));
 
 // CONCATENATED MODULE: ./src/DefinitionList/TermStyles.ts
 
@@ -184,8 +187,11 @@ var DefinitionListStyles_Styled = external_styled_components_default.a.dl.withCo
 var TermStyles_Styled = external_styled_components_default.a.dt.withConfig({
   displayName: "TermStyles__Styled",
   componentId: "sc-1ao97j9-0"
-})(["", ";float:left;width:120px;overflow:hidden;overflow-x:hidden;white-space:nowrap;font-weight:400;word-wrap:normal;", " ", ""], themes_["mixins"].reset('block'), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorMuted)
+})(["", ";", " float:left;width:120px;overflow:hidden;overflow-x:hidden;white-space:nowrap;word-wrap:normal;", ""], themes_["mixins"].reset('block'), Object(themes_["pick"])({
+  prisma: themes_["mixins"].typography('body', {
+    color: 'muted'
+  }),
+  enterprise: themes_["mixins"].typography('body')
 }), Object(themes_["pick"])({
   enterprise: Object(external_styled_components_["css"])(["&::after{content:'", "';}"], " ".concat('.'.repeat(100)))
 }));

package/Divider.d.ts

@@ -0,0 +1,2 @@
+export { default } from './types/src/Divider';
+export * from './types/src/Divider';

package/Divider.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 162);
+/******/ 	return __webpack_require__(__webpack_require__.s = 211);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 162:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 211:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -175,13 +182,6 @@ Divider.propTypes = propTypes;
 // CONCATENATED MODULE: ./src/Divider/index.ts
 
 
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
 /***/ }),
 
 /***/ 3:

package/Dockerfile.enterprise.storybook

@@ -0,0 +1,7 @@
+FROM node:14.20 as builder
+
+WORKDIR /react-ui
+
+COPY storybook-static-visual-enterprise storybook-static-visual-enterprise
+
+EXPOSE 6008

package/Dockerfile.prisma.storybook

@@ -0,0 +1,7 @@
+FROM node:14.20 as builder
+
+WORKDIR /react-ui
+
+COPY storybook-static-visual storybook-static-visual
+
+EXPOSE 6007

package/Dockerfile.visual

@@ -0,0 +1,10 @@
+FROM  mcr.microsoft.com/playwright:v1.26.0-focal
+
+WORKDIR /react-ui
+
+COPY .storybook-visual/config/visual.package.json ./package.json
+
+RUN yarn install
+
+COPY . .
+