pebble-web 2.2.9 → 2.4.0

package/dist/pebble-web.js

@@ -1990,13 +1990,13 @@ var Modal = /*#__PURE__*/function (_React$PureComponent) {
 
 function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var rowWrapper = /*#__PURE__*/emotion.css(_objectSpread$c(_objectSpread$c(_objectSpread$c(_objectSpread$c({}, typography.normal.regular), {}, {
+var rowWrapper = /*#__PURE__*/emotion.css(_objectSpread$c(_objectSpread$c(_objectSpread$c({}, typography.normal.regular), {}, {
   cursor: "pointer",
   padding: "12px 18px",
   position: "relative",
   lineHeight: "28px",
   zIndex: 999
-}, textEllipsis), flexSpaceBetween), {}, {
+}, textEllipsis), {}, {
   alignItems: "center",
   display: "flex",
   "&:last-of-type": {
@@ -2007,8 +2007,8 @@ var rowWrapper = /*#__PURE__*/emotion.css(_objectSpread$c(_objectSpread$c(_objec
   }
 }), ";label:rowWrapper;" + ( "" ));
 var labelWrap = /*#__PURE__*/emotion.css( {
-  name: "12vt42m-labelWrap",
-  styles: "user-select:none;overflow:hidden;text-overflow:ellipsis;;label:labelWrap;"
+  name: "1glxdhg-labelWrap",
+  styles: "user-select:none;flex-grow:1;overflow:hidden;text-overflow:ellipsis;;label:labelWrap;"
 } );
 var activeRow = /*#__PURE__*/emotion.css({
   backgroundColor: pebbleShared.colors.gray.lightest
@@ -2029,7 +2029,8 @@ var defaultProps = {
   rightElement: function rightElement(_ref) {
     var isSelected = _ref.isSelected,
         multiSelect = _ref.multiSelect,
-        indeterminate = _ref.indeterminate;
+        indeterminate = _ref.indeterminate,
+        iconClassName = _ref.iconClassName;
     var iconClass = emotion.cx("pi", {
       "pi-checkbox-selected": !indeterminate && isSelected,
       "pi-checkbox-unselected": !indeterminate && !isSelected,
@@ -2040,7 +2041,7 @@ var defaultProps = {
       fontSize: "20px"
     }, ";label:iconClass;" + ( "" )));
     return multiSelect ? /*#__PURE__*/React.createElement("i", {
-      className: iconClass
+      className: emotion.cx(iconClass, iconClassName)
     }) : null;
   }
 };
@@ -2060,6 +2061,7 @@ var Option = /*#__PURE__*/function (_React$Component) {
           label = _this$props.label,
           isActive = _this$props.isActive,
           isSelected = _this$props.isSelected,
+          leftElement = _this$props.leftElement,
           rightElement = _this$props.rightElement,
           labelClassName = _this$props.labelClassName,
           className = _this$props.className;
@@ -2069,7 +2071,7 @@ var Option = /*#__PURE__*/function (_React$Component) {
         type: this.props.multiSelect ? "checkbox" : "radio",
         className: _class
       }), function () {
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, leftElement && leftElement(_this.props), /*#__PURE__*/React.createElement("div", {
           className: emotion.cx(labelWrap, labelClassName)
         }, label), rightElement(_this.props), /*#__PURE__*/React.createElement(Ink, null));
       });
@@ -2160,7 +2162,8 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
           showSearchIcon = _this$props.showSearchIcon,
           className = _this$props.className,
           clearable = _this$props.clearable,
-          value = _this$props.value;
+          value = _this$props.value,
+          loading = _this$props.loading;
       var wrapperClassName = emotion.cx(searchWrapperStyle, {
         __pebble__search__small: type === "small",
         __pebble__search__large: type === "large",
@@ -2180,7 +2183,10 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
         },
         ref: this.searchInputRef,
         value: value
-      }, inputProps)), clearable && /*#__PURE__*/React.createElement("div", {
+      }, inputProps)), loading && /*#__PURE__*/React.createElement(Loader, {
+        scale: 0.4,
+        color: pebbleShared.colors.violet.base
+      }), clearable && /*#__PURE__*/React.createElement("div", {
         className: emotion.cx(clearContainer, {
           __display: !!value && !!value.length
         }),
@@ -2451,17 +2457,18 @@ var OptionGroupCheckBox = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
+          wrapClassName = _this$props2.wrapClassName,
           onApply = _this$props2.onApply,
           onClear = _this$props2.onClear,
           isSelected = _this$props2.isSelected,
           onChange = _this$props2.onChange,
-          rest = _objectWithoutProperties(_this$props2, ["onApply", "onClear", "isSelected", "onChange"]);
+          rest = _objectWithoutProperties(_this$props2, ["wrapClassName", "onApply", "onClear", "isSelected", "onChange"]);
       var advancedOptionsProps = _objectSpread$g({
         selectVisible: this.selectVisible,
         clearVisible: this.clearVisible
       }, this.props.advancedOptionsProps);
       return /*#__PURE__*/React.createElement("div", {
-        className: optionGroupCheckBoxWrap
+        className: emotion.cx(optionGroupCheckBoxWrap, wrapClassName)
       }, /*#__PURE__*/React.createElement(OptionGroup, Object.assign({}, rest, {
         advancedOptionsProps: advancedOptionsProps,
         isSelected: isSelected || this.isSelected,
@@ -3196,6 +3203,110 @@ var RadioGroup = /*#__PURE__*/function (_React$PureComponent) {
 
 function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$k(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var wrapStyle = /*#__PURE__*/emotion.css(_objectSpread$k(_objectSpread$k({}, flexRow), {}, {
+  cursor: "pointer"
+}), ";label:wrapStyle;" + ( "" ));
+var disabledStyle = /*#__PURE__*/emotion.css( {
+  name: "pl7a4e-disabledStyle",
+  styles: "cursor:not-allowed;;label:disabledStyle;"
+} );
+var unSelectedStar = /*#__PURE__*/emotion.css({
+  marginLeft: "2px",
+  color: pebbleShared.colors.gray.border,
+  fontSize: "20px"
+}, ";label:unSelectedStar;" + ( "" ));
+var selectedStar = /*#__PURE__*/emotion.css({
+  color: pebbleShared.colors.yellow.base
+}, ";label:selectedStar;" + ( "" ));
+
+function _createSuper$k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$k(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$k() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function generateStars(maxRating, selectedValue) {
+  return Array.from({
+    length: maxRating
+  }, function (_, i) {
+    return {
+      active: i + 1 <= selectedValue
+    };
+  });
+}
+var Rating = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(Rating, _React$PureComponent);
+  var _super = _createSuper$k(Rating);
+  function Rating(props) {
+    var _this;
+    _classCallCheck(this, Rating);
+    _this = _super.call(this, props);
+    _this.setRating = function (rating) {
+      var _this$props = _this.props,
+          maxRating = _this$props.maxRating,
+          disabled = _this$props.disabled;
+      if (disabled) {
+        return;
+      }
+      _this.setState({
+        stars: generateStars(maxRating, rating)
+      });
+    };
+    _this.state = {
+      stars: generateStars(props.maxRating, props.value)
+    };
+    return _this;
+  }
+  _createClass(Rating, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this$props2 = this.props,
+          maxRating = _this$props2.maxRating,
+          value = _this$props2.value;
+      if (prevProps.maxRating !== maxRating) {
+        this.setState({
+          stars: generateStars(maxRating, value)
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props3 = this.props,
+          name = _this$props3.name,
+          value = _this$props3.value,
+          onChange = _this$props3.onChange,
+          disabled = _this$props3.disabled,
+          className = _this$props3.className;
+      var stars = this.state.stars;
+      var _className = emotion.cx(wrapStyle, className, disabled && disabledStyle);
+      return /*#__PURE__*/React.createElement("div", {
+        className: _className
+      }, stars.map(function (star, starIndex) {
+        var rating = starIndex + 1;
+        return /*#__PURE__*/React.createElement("span", {
+          key: "".concat(name, "-").concat(rating),
+          onMouseEnter: function onMouseEnter() {
+            return _this2.setRating(rating);
+          },
+          onMouseLeave: function onMouseLeave() {
+            return _this2.setRating(value);
+          },
+          onClick: function onClick() {
+            if (disabled) {
+              return;
+            }
+            _this2.setRating(rating);
+            onChange(rating);
+          }
+        }, /*#__PURE__*/React.createElement("i", {
+          className: emotion.cx("pi pi-grade", unSelectedStar, star.active && selectedStar)
+        }));
+      }));
+    }
+  }]);
+  return Rating;
+}(React.PureComponent);
+
+function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$l(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var inputReadOnlyStyle$1 = /*#__PURE__*/emotion.css({
   color: pebbleShared.colors.gray.dark
 }, ";label:inputReadOnlyStyle;" + ( "" ));
@@ -3204,12 +3315,12 @@ var inputDisabledStyle$1 = /*#__PURE__*/emotion.css({
   pointerEvents: "none",
   color: pebbleShared.colors.gray.base
 }, ";label:inputDisabledStyle;" + ( "" ));
-var messageStyle$1 = /*#__PURE__*/emotion.css(_objectSpread$k(_objectSpread$k({}, typography.s.regular), {}, {
+var messageStyle$1 = /*#__PURE__*/emotion.css(_objectSpread$l(_objectSpread$l({}, typography.s.regular), {}, {
   marginTop: 10,
   lineHeight: "10px",
   textAlign: "left"
 }), ";label:messageStyle;" + ( "" ));
-var infoTextStyle = /*#__PURE__*/emotion.css(_objectSpread$k(_objectSpread$k({}, typography.s.light), {}, {
+var infoTextStyle = /*#__PURE__*/emotion.css(_objectSpread$l(_objectSpread$l({}, typography.s.light), {}, {
   marginRight: "15px",
   lineHeight: "12px"
 }), ";label:infoTextStyle;" + ( "" ));
@@ -3226,7 +3337,7 @@ var placeholderStyle = /*#__PURE__*/emotion.css({
     transform: "translate(0, -10px)"
   }
 }, ";label:placeholderStyle;" + ( "" ));
-var inputStyle$2 = /*#__PURE__*/emotion.css(_objectSpread$k(_objectSpread$k({
+var inputStyle$2 = /*#__PURE__*/emotion.css(_objectSpread$l(_objectSpread$l({
   border: 0,
   outline: 0,
   borderRadius: "3px",
@@ -3253,8 +3364,8 @@ var wrapperStyle$4 = /*#__PURE__*/emotion.css( {
   styles: "width:100%;height:70px;;label:wrapperStyle;"
 } );
 
-function _createSuper$k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$k(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$k() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$l(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$l() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 function getColor$1(error, success, isFocused, isBorder) {
   var color = isBorder ? pebbleShared.colors.gray.light : pebbleShared.colors.gray.dark;
   if (error) {
@@ -3268,7 +3379,7 @@ function getColor$1(error, success, isFocused, isBorder) {
 }
 var SecondaryInput = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(SecondaryInput, _React$PureComponent);
-  var _super = _createSuper$k(SecondaryInput);
+  var _super = _createSuper$l(SecondaryInput);
   function SecondaryInput() {
     var _this;
     _classCallCheck(this, SecondaryInput);
@@ -3403,8 +3514,8 @@ var sidebarStyle = /*#__PURE__*/emotion.css({
   webkitOverflowScrolling: "touch"
 }, ";label:sidebarStyle;" + ( "" ));
 
-function _createSuper$l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$l(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$l() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$m(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$m() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var transitionProps = {
   from: {
     opacity: 0
@@ -3418,7 +3529,7 @@ var transitionProps = {
 };
 var SideBar = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(SideBar, _React$PureComponent);
-  var _super = _createSuper$l(SideBar);
+  var _super = _createSuper$m(SideBar);
   function SideBar() {
     var _this;
     _classCallCheck(this, SideBar);
@@ -3515,10 +3626,10 @@ SideBar.defaultProps = {
   closeOnOutsideClick: true
 };
 
-function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$l(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$m(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var rheostatOverrides = "\n.rheostat {\n  overflow: visible;\n}\n\n.rheostat-background {\n  background-color: ".concat(pebbleShared.colors.violet.lightest, ";\n  position: relative;\n  border-radius: 2px;\n  overflow: hidden;\n  height: 4px;\n  top: 0;\n  width: 100%;\n}\n\n.rheostat-progress {\n  background-color: ").concat(pebbleShared.colors.violet.base, ";\n  position: absolute;\n  height: 4px;\n  border-radius: 2px;\n  top: 0;\n}\n\n.rheostat-handle {\n  background-color: ").concat(pebbleShared.colors.violet.base, ";\n  border-radius: 50%;\n  height: 20px;\n  outline: none;\n  z-index: 2;\n  width: 20px;\n  margin-left: -10px;\n  top: -8px;\n  border: 0;\n  cursor: pointer;\n  box-shadow: ").concat(constants.boxShadow.xElevated, ";\n}\n\n.__pebble__slider__large .rheostat-handle {\n  width: 24px;\n  height: 24px;\n  margin-left: -12px;\n  top: -10px;\n}\n\n.rheostat-handle:hover {\n  background-color: ").concat(pebbleShared.colors.violet.light, ";\n}\n\n.__pebble__slider__disabled .rheostat-handle {\n  background-color: ").concat(pebbleShared.colors.violet.lighter, ";\n  cursor: inherit;\n}\n\n.rheostat-horizontal {\n  height: 4px;\n}\n");
-var sliderHeader = /*#__PURE__*/emotion.css(_objectSpread$l(_objectSpread$l({}, flexSpaceBetween), {}, {
+var sliderHeader = /*#__PURE__*/emotion.css(_objectSpread$m(_objectSpread$m({}, flexSpaceBetween), {}, {
   marginBottom: 25,
   alignItems: "center",
   ".__pebble__slider__large &": {
@@ -3579,8 +3690,8 @@ var Slider = function Slider(_ref) {
   }, rest)));
 };
 
-function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$m(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$n(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var headStyle = /*#__PURE__*/emotion.css( {
   name: "1ehjdcc-headStyle",
   styles: "display:flex;flex-direction:row;position:relative;;label:headStyle;"
@@ -3589,7 +3700,7 @@ var headSection = /*#__PURE__*/emotion.css( {
   name: "1hilual-headSection",
   styles: "flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer;> div{font-size:14px;};label:headSection;"
 } );
-var headingStyle = /*#__PURE__*/emotion.css(_objectSpread$m({}, typography.normal.regular), ";label:headingStyle;" + ( "" ));
+var headingStyle = /*#__PURE__*/emotion.css(_objectSpread$n({}, typography.normal.regular), ";label:headingStyle;" + ( "" ));
 var dotStyle$1 = /*#__PURE__*/emotion.css({
   height: 20,
   width: 20,
@@ -3618,14 +3729,14 @@ var stepperLineStyle = /*#__PURE__*/emotion.css({
   backgroundColor: pebbleShared.colors.violet.base
 }, ";label:stepperLineStyle;" + ( "" ));
 
-function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$n(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-function _createSuper$m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$m(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$m() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$o(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _createSuper$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$n() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 function noop$2() {}
 var Stepper = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Stepper, _React$PureComponent);
-  var _super = _createSuper$m(Stepper);
+  var _super = _createSuper$n(Stepper);
   function Stepper() {
     var _this;
     _classCallCheck(this, Stepper);
@@ -3778,11 +3889,11 @@ var Stepper = /*#__PURE__*/function (_React$PureComponent) {
             name: "fxyzre-Stepper",
             styles: "display:none;;label:Stepper;"
           } ), i !== _this2.state.active))
-        }, renderContentElement(_objectSpread$n({
+        }, renderContentElement(_objectSpread$o({
           item: datum,
           isSelected: i === _this2.state.active
         }, args)));
-      }), renderFooterElement(_objectSpread$n({
+      }), renderFooterElement(_objectSpread$o({
         activeIndex: this.state.active
       }, args), this.props)));
     }
@@ -3823,13 +3934,13 @@ Stepper.defaultProps = {
   }
 };
 
-function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$o(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var labelTextStyle = /*#__PURE__*/emotion.css(_objectSpread$o(_objectSpread$o({}, typography.s.bold), {}, {
+function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$p(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var labelTextStyle = /*#__PURE__*/emotion.css(_objectSpread$p(_objectSpread$p({}, typography.s.bold), {}, {
   color: pebbleShared.colors.gray.dark,
   marginRight: "10px"
 }), ";label:labelTextStyle;" + ( "" ));
-var disabledStyle = /*#__PURE__*/emotion.css( {
+var disabledStyle$1 = /*#__PURE__*/emotion.css( {
   name: "pl7a4e-disabledStyle",
   styles: "cursor:not-allowed;;label:disabledStyle;"
 } );
@@ -3868,11 +3979,11 @@ var selectedSwitch = /*#__PURE__*/emotion.css( {
   styles: "transform:translateX(14px);;label:selectedSwitch;"
 } );
 
-function _createSuper$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$n() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$o() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var Switch = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Switch, _React$PureComponent);
-  var _super = _createSuper$n(Switch);
+  var _super = _createSuper$o(Switch);
   function Switch() {
     var _this;
     _classCallCheck(this, Switch);
@@ -3895,11 +4006,11 @@ var Switch = /*#__PURE__*/function (_React$PureComponent) {
           disabled = _this$props.disabled;
       var value = this.state.value;
       return /*#__PURE__*/React.createElement("label", {
-        className: emotion.cx(className, fixedLabelStyle, _defineProperty({}, disabledStyle, !!disabled))
+        className: emotion.cx(className, fixedLabelStyle, _defineProperty({}, disabledStyle$1, !!disabled))
       }, /*#__PURE__*/React.createElement("span", {
         className: labelTextStyle
       }, label), /*#__PURE__*/React.createElement("div", {
-        className: emotion.cx(labelStyle$1, (_cx3 = {}, _defineProperty(_cx3, selectedLabel, value), _defineProperty(_cx3, disabledStyle, !!disabled), _cx3))
+        className: emotion.cx(labelStyle$1, (_cx3 = {}, _defineProperty(_cx3, selectedLabel, value), _defineProperty(_cx3, disabledStyle$1, !!disabled), _cx3))
       }, /*#__PURE__*/React.createElement("input", {
         type: "checkbox",
         checked: value,
@@ -3921,9 +4032,9 @@ var Switch = /*#__PURE__*/function (_React$PureComponent) {
   return Switch;
 }(React.PureComponent);
 
-function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$p(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var tagStyle = /*#__PURE__*/emotion.css(_objectSpread$p(_objectSpread$p(_objectSpread$p({}, typography.s.bold), flexSpaceBetween), {}, {
+function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$q(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var tagStyle = /*#__PURE__*/emotion.css(_objectSpread$q(_objectSpread$q(_objectSpread$q({}, typography.s.bold), flexSpaceBetween), {}, {
   borderRadius: constants.borderRadius,
   padding: "0 10px",
   height: 28,
@@ -3970,15 +4081,15 @@ var Tag = function Tag(_ref) {
   }, /*#__PURE__*/React.createElement(Ink, null)));
 };
 
-function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$q(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$r(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var Text = function Text(_ref) {
   var typography = _ref.typography,
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? pebbleShared.colors.gray.darker : _ref$color,
       children = _ref.children,
       className = _ref.className;
-  var _className = /*#__PURE__*/emotion.css(_objectSpread$q(_objectSpread$q({}, typography), {}, {
+  var _className = /*#__PURE__*/emotion.css(_objectSpread$r(_objectSpread$r({}, typography), {}, {
     color: color
   }),  "" );
   return /*#__PURE__*/React__default.createElement("span", {
@@ -4155,9 +4266,9 @@ var TimePicker = function TimePicker(props) {
   }));
 };
 
-function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$r(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var textStyle = /*#__PURE__*/emotion.css(_objectSpread$r(_objectSpread$r({}, typography.s.regular), {}, {
+function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$s(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var textStyle = /*#__PURE__*/emotion.css(_objectSpread$s(_objectSpread$s({}, typography.s.regular), {}, {
   color: pebbleShared.colors.white.base,
   display: "block",
   padding: "10px 16px"
@@ -4167,11 +4278,11 @@ var popperStyle$1 = /*#__PURE__*/emotion.css( {
   styles: "margin:4px;box-shadow:none;max-width:320px;;label:popperStyle;"
 } );
 
-function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$o() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$p(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$p() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Tooltip, _React$PureComponent);
-  var _super = _createSuper$o(Tooltip);
+  var _super = _createSuper$p(Tooltip);
   function Tooltip() {
     var _this;
     _classCallCheck(this, Tooltip);
@@ -4239,19 +4350,19 @@ var optionsWrapper$1 = /*#__PURE__*/emotion.css({
   transformOrigin: "0 0"
 }, ";label:optionsWrapper;" + ( "" ));
 
-function _createSuper$p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$p(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$p() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$s(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _createSuper$q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$q(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$t(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function defaultSearchBox(_ref, props) {
   var registerChange = _ref.registerChange,
       onFocus = _ref.onFocus,
       value = _ref.value;
-  var _inputProps = props.inputProps ? _objectSpread$s({}, props.inputProps.inputProps) : {};
+  var _inputProps = props.inputProps ? _objectSpread$t({}, props.inputProps.inputProps) : {};
   return /*#__PURE__*/React.createElement(Input, Object.assign({}, props.inputProps, {
     onChange: registerChange,
     placeholder: props.placeholder,
-    inputProps: _objectSpread$s(_objectSpread$s({}, _inputProps), {}, {
+    inputProps: _objectSpread$t(_objectSpread$t({}, _inputProps), {}, {
       onFocus: onFocus,
       onKeyDown: function onKeyDown(e) {
         if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
@@ -4270,7 +4381,7 @@ function defaultSearchBox(_ref, props) {
 }
 var TypeAhead = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(TypeAhead, _React$PureComponent);
-  var _super = _createSuper$p(TypeAhead);
+  var _super = _createSuper$q(TypeAhead);
   function TypeAhead() {
     var _this;
     _classCallCheck(this, TypeAhead);
@@ -4437,6 +4548,7 @@ exports.Popper = PebblePopper;
 exports.PresetCalendar = PresetCalendar;
 exports.Radio = Radio;
 exports.RadioGroup = RadioGroup;
+exports.Rating = Rating;
 exports.Search = Search;
 exports.SecondaryInput = SecondaryInput;
 exports.Select = Select;