pebble-web 2.7.0 → 2.8.0

package/dist/components/DateInput.d.ts

@@ -1,6 +1,9 @@
 import * as React from "react";
 import { DateInputProps, DateInputState } from "./typings/DateInput";
-export default class DateInput extends React.PureComponent<DateInputProps, DateInputState> {
+export default class DateInput extends React.PureComponent<DateInputProps & typeof DateInput.defaultProps, DateInputState> {
+    static defaultProps: {
+        placement: string;
+    };
     state: Readonly<DateInputState>;
     static getDerivedStateFromProps(props: DateInputProps, state: DateInputState): Partial<DateInputState> | null;
     private onCalendarDateChange;

package/dist/components/typings/DateInput.d.ts

@@ -1,6 +1,7 @@
 import { SimpleInputProps } from "./Input";
 import { Omit } from "utility-types";
 import { DateSingle } from "./Calendar";
+import { Placement } from "popper.js";
 export interface DateInputProps {
     onChange: (date?: number) => void;
     value?: number | Date;
@@ -9,6 +10,10 @@ export interface DateInputProps {
     calendarProps?: DateSingle;
     disabled?: boolean;
     errorMessage?: string;
+    placement?: Placement;
+    wrapperClassName?: string;
+    dropDownClassName?: string;
+    initiallyOpen?: boolean;
 }
 export interface DateInputState {
     stringInput: string;

package/dist/pebble-web.dev.js

@@ -488,12 +488,13 @@ var Button = function Button(_ref) {
       _ref$showRipple = _ref.showRipple,
       showRipple = _ref$showRipple === void 0 ? true : _ref$showRipple,
       loading = _ref.loading,
+      filled = _ref.filled,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "small" : _ref$size,
       buttonProps = _ref.buttonProps;
   var disableAction = disabled || loading;
-  var filled = size !== "x-small";
-  var _className = emotion.cx(getButtonStyle(size, type, !!showShadow, filled), className);
+  var _filled = size !== "x-small" && filled !== false;
+  var _className = emotion.cx(getButtonStyle(size, type, !!showShadow, _filled), className);
   return /*#__PURE__*/React.createElement("button", Object.assign({
     className: _className,
     onClick: !disableAction ? onClick : undefined,
@@ -1288,22 +1289,22 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__$7() { return "You have tried to string
 var dateClass = /*#__PURE__*/emotion.css( {
   name: "kwq08p-Date-styles-dateClass",
   styles: "padding:20px;width:100%;;label:Date-styles-dateClass;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCIsXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCJcbn0pO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGF0ZS5zdHlsZXMuanMubWFwIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
 });
 var dropDownClassName = /*#__PURE__*/emotion.css({
   marginTop: -inputMarginBottom
-}, ";label:Date-styles-dropDownClassName;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFpQyIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCIsXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */"));
+}, ";label:Date-styles-dropDownClassName;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFpQyIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCJcbn0pO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGF0ZS5zdHlsZXMuanMubWFwIl19 */"));
 var inputStyle$1 = /*#__PURE__*/emotion.css( {
   name: "y02h94-Date-styles-inputStyle",
   styles: "margin-bottom:0;;label:Date-styles-inputStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcwQiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCIsXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcwQiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCJcbn0pO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGF0ZS5zdHlsZXMuanMubWFwIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
 });
 var wrapperStyle$3 = /*#__PURE__*/emotion.css( {
   name: "rv5qd-Date-styles-wrapperStyle",
   styles: "margin-bottom:20px;;label:Date-styles-wrapperStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM0QiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCIsXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM0QiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCJcbn0pO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGF0ZS5zdHlsZXMuanMubWFwIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
 });
 var errorStyle = /*#__PURE__*/emotion.css(_objectSpread$8(_objectSpread$8({}, typography.s.bold), {}, {
@@ -1311,7 +1312,7 @@ var errorStyle = /*#__PURE__*/emotion.css(_objectSpread$8(_objectSpread$8({}, ty
   color: pebbleShared.colors.red.darker,
   textAlign: "left",
   padding: "11px 30px"
-}), ";label:Date-styles-errorStyle;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMEIiLCJmaWxlIjoiRGF0ZS5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSBcInBlYmJsZS1zaGFyZWRcIjtcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGlucHV0TWFyZ2luQm90dG9tIH0gZnJvbSBcIi4vSW5wdXQuc3R5bGVzXCI7XG5leHBvcnQgY29uc3QgZGF0ZUNsYXNzID0gY3NzKHtcbiAgICBwYWRkaW5nOiAyMCxcbiAgICB3aWR0aDogXCIxMDAlXCJcbn0pO1xuZXhwb3J0IGNvbnN0IGRyb3BEb3duQ2xhc3NOYW1lID0gY3NzKHtcbiAgICBtYXJnaW5Ub3A6IC1pbnB1dE1hcmdpbkJvdHRvbVxufSk7XG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAwXG59KTtcbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGUgPSBjc3Moe1xuICAgIG1hcmdpbkJvdHRvbTogMjBcbn0pO1xuZXhwb3J0IGNvbnN0IGVycm9yU3R5bGUgPSBjc3Moe1xuICAgIC4uLnR5cG9ncmFwaHkucy5ib2xkLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnJlZC5saWdodGVzdCxcbiAgICBjb2xvcjogY29sb3JzLnJlZC5kYXJrZXIsXG4gICAgdGV4dEFsaWduOiBcImxlZnRcIixcbiAgICBwYWRkaW5nOiBcIjExcHggMzBweFwiLFxufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1EYXRlLnN0eWxlcy5qcy5tYXAiXX0= */"));
+}), ";label:Date-styles-errorStyle;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMEIiLCJmaWxlIjoiRGF0ZS5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSBcInBlYmJsZS1zaGFyZWRcIjtcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGlucHV0TWFyZ2luQm90dG9tIH0gZnJvbSBcIi4vSW5wdXQuc3R5bGVzXCI7XG5leHBvcnQgY29uc3QgZGF0ZUNsYXNzID0gY3NzKHtcbiAgICBwYWRkaW5nOiAyMCxcbiAgICB3aWR0aDogXCIxMDAlXCJcbn0pO1xuZXhwb3J0IGNvbnN0IGRyb3BEb3duQ2xhc3NOYW1lID0gY3NzKHtcbiAgICBtYXJnaW5Ub3A6IC1pbnB1dE1hcmdpbkJvdHRvbVxufSk7XG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAwXG59KTtcbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGUgPSBjc3Moe1xuICAgIG1hcmdpbkJvdHRvbTogMjBcbn0pO1xuZXhwb3J0IGNvbnN0IGVycm9yU3R5bGUgPSBjc3Moe1xuICAgIC4uLnR5cG9ncmFwaHkucy5ib2xkLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnJlZC5saWdodGVzdCxcbiAgICBjb2xvcjogY29sb3JzLnJlZC5kYXJrZXIsXG4gICAgdGV4dEFsaWduOiBcImxlZnRcIixcbiAgICBwYWRkaW5nOiBcIjExcHggMzBweFwiXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */"));
 
 function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); 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$4() { 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; } }
@@ -1562,9 +1563,14 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
           placeholder = _this$props.placeholder,
           propsValue = _this$props.value,
           disabled = _this$props.disabled,
-          errorMessage = _this$props.errorMessage;
+          errorMessage = _this$props.errorMessage,
+          placement = _this$props.placement,
+          wrapperClassName = _this$props.wrapperClassName,
+          initiallyOpen = _this$props.initiallyOpen;
+      var _wrapperClassName = emotion.cx(wrapperStyle$3, wrapperClassName);
+      var _dropDownClassName = emotion.cx(dropDownClassName, this.props.dropDownClassName);
       return /*#__PURE__*/React.createElement(DropDown, {
-        dropDownClassName: dropDownClassName,
+        dropDownClassName: _dropDownClassName,
         labelComponent: function labelComponent(_ref) {
           var toggleDropdown = _ref.toggleDropdown;
           return /*#__PURE__*/React.createElement(rifm.Rifm, {
@@ -1578,7 +1584,7 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
               onChange: noop,
               type: "tel",
               value: value,
-              placeholder: placeholder,
+              placeholder: "".concat(placeholder, " DD/MM/YYYY"),
               onClick: function onClick() {
                 if (disabled) return;
                 toggleDropdown();
@@ -1595,9 +1601,10 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
             }));
           });
         },
-        className: wrapperStyle$3,
-        placement: "bottom-start",
-        modifiers: modifiers
+        className: _wrapperClassName,
+        placement: placement,
+        modifiers: modifiers,
+        initiallyOpen: initiallyOpen
       }, function (_ref3) {
         var toggle = _ref3.toggle;
         return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Calendar, Object.assign({
@@ -1630,6 +1637,9 @@ var DateInput = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return DateInput;
 }(React.PureComponent);
+DateInput.defaultProps = {
+  placement: "bottom-start"
+};
 function checkDateInputSupport() {
   try {
     var input = document.createElement("input");
@@ -2442,12 +2452,13 @@ var optionGroupCheckBoxButtonWrapPaddingTop = 10;
 var optionGroupCheckBoxWrap = /*#__PURE__*/emotion.css({
   maxHeight: optionWrapperMaxHeight + searchBoxHeight + 2 * (initialPadding - onScrollPadding) + optionGroupCheckBoxButtonWrapPadding + optionGroupCheckBoxButtonWrapPaddingTop + smallButtonHeight,
   position: "relative"
-}, ";label:OptionGroupCheckBox-styles-optionGroupCheckBoxWrap;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbkdyb3VwQ2hlY2tCb3guc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU91QyIsImZpbGUiOiJPcHRpb25Hcm91cENoZWNrQm94LnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIG1peGlucyBmcm9tIFwiLi4vLi4vdGhlbWUvbWl4aW5zXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgb3B0aW9uV3JhcHBlck1heEhlaWdodCwgc2VhcmNoQm94SGVpZ2h0LCBpbml0aWFsUGFkZGluZywgb25TY3JvbGxQYWRkaW5nIH0gZnJvbSBcIi4vT3B0aW9uR3JvdXAuc3R5bGVzXCI7XG5pbXBvcnQgeyBzbWFsbEJ1dHRvbkhlaWdodCB9IGZyb20gXCIuL0J1dHRvbi5zdHlsZXNcIjtcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gXCJwZWJibGUtc2hhcmVkXCI7XG5leHBvcnQgY29uc3Qgb3B0aW9uR3JvdXBDaGVja0JveEJ1dHRvbldyYXBQYWRkaW5nID0gMjA7XG5leHBvcnQgY29uc3Qgb3B0aW9uR3JvdXBDaGVja0JveEJ1dHRvbldyYXBQYWRkaW5nVG9wID0gMTA7XG5leHBvcnQgY29uc3Qgb3B0aW9uR3JvdXBDaGVja0JveFdyYXAgPSBjc3Moe1xuICAgIG1heEhlaWdodDogb3B0aW9uV3JhcHBlck1heEhlaWdodCArXG4gICAgICAgIHNlYXJjaEJveEhlaWdodCArXG4gICAgICAgIDIgKiAoaW5pdGlhbFBhZGRpbmcgLSBvblNjcm9sbFBhZGRpbmcpICtcbiAgICAgICAgb3B0aW9uR3JvdXBDaGVja0JveEJ1dHRvbldyYXBQYWRkaW5nICtcbiAgICAgICAgb3B0aW9uR3JvdXBDaGVja0JveEJ1dHRvbldyYXBQYWRkaW5nVG9wICtcbiAgICAgICAgc21hbGxCdXR0b25IZWlnaHQsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIlxufSk7XG5leHBvcnQgY29uc3Qgb3B0aW9uR3JvdXBDaGVja0JveEJ1dHRvbldyYXAgPSBjc3Moe1xuICAgIC4uLm1peGlucy5mbGV4U3BhY2VCZXR3ZWVuLFxuICAgIHBhZGRpbmc6IG9wdGlvbkdyb3VwQ2hlY2tCb3hCdXR0b25XcmFwUGFkZGluZyxcbiAgICBwYWRkaW5nVG9wOiBvcHRpb25Hcm91cENoZWNrQm94QnV0dG9uV3JhcFBhZGRpbmdUb3AsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMud2hpdGUuYmFzZVxufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1PcHRpb25Hcm91cENoZWNrQm94LnN0eWxlcy5qcy5tYXAiXX0= */"));
+}, ";label:OptionGroupCheckBox-styles-optionGroupCheckBoxWrap;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbkdyb3VwQ2hlY2tCb3guc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU91QyIsImZpbGUiOiJPcHRpb25Hcm91cENoZWNrQm94LnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIG1peGlucyBmcm9tIFwiLi4vLi4vdGhlbWUvbWl4aW5zXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgb3B0aW9uV3JhcHBlck1heEhlaWdodCwgc2VhcmNoQm94SGVpZ2h0LCBpbml0aWFsUGFkZGluZywgb25TY3JvbGxQYWRkaW5nIH0gZnJvbSBcIi4vT3B0aW9uR3JvdXAuc3R5bGVzXCI7XG5pbXBvcnQgeyBzbWFsbEJ1dHRvbkhlaWdodCB9IGZyb20gXCIuL0J1dHRvbi5zdHlsZXNcIjtcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gXCJwZWJibGUtc2hhcmVkXCI7XG5leHBvcnQgY29uc3Qgb3B0aW9uR3JvdXBDaGVja0JveEJ1dHRvbldyYXBQYWRkaW5nID0gMjA7XG5leHBvcnQgY29uc3Qgb3B0aW9uR3JvdXBDaGVja0JveEJ1dHRvbldyYXBQYWRkaW5nVG9wID0gMTA7XG5leHBvcnQgY29uc3Qgb3B0aW9uR3JvdXBDaGVja0JveFdyYXAgPSBjc3Moe1xuICAgIG1heEhlaWdodDogb3B0aW9uV3JhcHBlck1heEhlaWdodCArXG4gICAgICAgIHNlYXJjaEJveEhlaWdodCArXG4gICAgICAgIDIgKiAoaW5pdGlhbFBhZGRpbmcgLSBvblNjcm9sbFBhZGRpbmcpICtcbiAgICAgICAgb3B0aW9uR3JvdXBDaGVja0JveEJ1dHRvbldyYXBQYWRkaW5nICtcbiAgICAgICAgb3B0aW9uR3JvdXBDaGVja0JveEJ1dHRvbldyYXBQYWRkaW5nVG9wICtcbiAgICAgICAgc21hbGxCdXR0b25IZWlnaHQsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIlxufSk7XG5leHBvcnQgY29uc3Qgb3B0aW9uR3JvdXBDaGVja0JveEJ1dHRvbldyYXAgPSBjc3Moe1xuICAgIC4uLm1peGlucy5mbGV4U3BhY2VCZXR3ZWVuLFxuICAgIGdhcDogNjAsXG4gICAgcGFkZGluZzogb3B0aW9uR3JvdXBDaGVja0JveEJ1dHRvbldyYXBQYWRkaW5nLFxuICAgIHBhZGRpbmdUb3A6IG9wdGlvbkdyb3VwQ2hlY2tCb3hCdXR0b25XcmFwUGFkZGluZ1RvcCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9ycy53aGl0ZS5iYXNlXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPU9wdGlvbkdyb3VwQ2hlY2tCb3guc3R5bGVzLmpzLm1hcCJdfQ== */"));
 var optionGroupCheckBoxButtonWrap = /*#__PURE__*/emotion.css(_objectSpread$g(_objectSpread$g({}, flexSpaceBetween), {}, {
+  gap: 60,
   padding: optionGroupCheckBoxButtonWrapPadding,
   paddingTop: optionGroupCheckBoxButtonWrapPaddingTop,
   backgroundColor: pebbleShared.colors.white.base
-}), ";label:OptionGroupCheckBox-styles-optionGroupCheckBoxButtonWrap;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbkdyb3VwQ2hlY2tCb3guc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCNkMiLCJmaWxlIjoiT3B0aW9uR3JvdXBDaGVja0JveC5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBtaXhpbnMgZnJvbSBcIi4uLy4uL3RoZW1lL21peGluc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IG9wdGlvbldyYXBwZXJNYXhIZWlnaHQsIHNlYXJjaEJveEhlaWdodCwgaW5pdGlhbFBhZGRpbmcsIG9uU2Nyb2xsUGFkZGluZyB9IGZyb20gXCIuL09wdGlvbkdyb3VwLnN0eWxlc1wiO1xuaW1wb3J0IHsgc21hbGxCdXR0b25IZWlnaHQgfSBmcm9tIFwiLi9CdXR0b24uc3R5bGVzXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuZXhwb3J0IGNvbnN0IG9wdGlvbkdyb3VwQ2hlY2tCb3hCdXR0b25XcmFwUGFkZGluZyA9IDIwO1xuZXhwb3J0IGNvbnN0IG9wdGlvbkdyb3VwQ2hlY2tCb3hCdXR0b25XcmFwUGFkZGluZ1RvcCA9IDEwO1xuZXhwb3J0IGNvbnN0IG9wdGlvbkdyb3VwQ2hlY2tCb3hXcmFwID0gY3NzKHtcbiAgICBtYXhIZWlnaHQ6IG9wdGlvbldyYXBwZXJNYXhIZWlnaHQgK1xuICAgICAgICBzZWFyY2hCb3hIZWlnaHQgK1xuICAgICAgICAyICogKGluaXRpYWxQYWRkaW5nIC0gb25TY3JvbGxQYWRkaW5nKSArXG4gICAgICAgIG9wdGlvbkdyb3VwQ2hlY2tCb3hCdXR0b25XcmFwUGFkZGluZyArXG4gICAgICAgIG9wdGlvbkdyb3VwQ2hlY2tCb3hCdXR0b25XcmFwUGFkZGluZ1RvcCArXG4gICAgICAgIHNtYWxsQnV0dG9uSGVpZ2h0LFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCJcbn0pO1xuZXhwb3J0IGNvbnN0IG9wdGlvbkdyb3VwQ2hlY2tCb3hCdXR0b25XcmFwID0gY3NzKHtcbiAgICAuLi5taXhpbnMuZmxleFNwYWNlQmV0d2VlbixcbiAgICBwYWRkaW5nOiBvcHRpb25Hcm91cENoZWNrQm94QnV0dG9uV3JhcFBhZGRpbmcsXG4gICAgcGFkZGluZ1RvcDogb3B0aW9uR3JvdXBDaGVja0JveEJ1dHRvbldyYXBQYWRkaW5nVG9wLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLndoaXRlLmJhc2Vcbn0pO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9T3B0aW9uR3JvdXBDaGVja0JveC5zdHlsZXMuanMubWFwIl19 */"));
+}), ";label:OptionGroupCheckBox-styles-optionGroupCheckBoxButtonWrap;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk9wdGlvbkdyb3VwQ2hlY2tCb3guc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCNkMiLCJmaWxlIjoiT3B0aW9uR3JvdXBDaGVja0JveC5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBtaXhpbnMgZnJvbSBcIi4uLy4uL3RoZW1lL21peGluc1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IG9wdGlvbldyYXBwZXJNYXhIZWlnaHQsIHNlYXJjaEJveEhlaWdodCwgaW5pdGlhbFBhZGRpbmcsIG9uU2Nyb2xsUGFkZGluZyB9IGZyb20gXCIuL09wdGlvbkdyb3VwLnN0eWxlc1wiO1xuaW1wb3J0IHsgc21hbGxCdXR0b25IZWlnaHQgfSBmcm9tIFwiLi9CdXR0b24uc3R5bGVzXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuZXhwb3J0IGNvbnN0IG9wdGlvbkdyb3VwQ2hlY2tCb3hCdXR0b25XcmFwUGFkZGluZyA9IDIwO1xuZXhwb3J0IGNvbnN0IG9wdGlvbkdyb3VwQ2hlY2tCb3hCdXR0b25XcmFwUGFkZGluZ1RvcCA9IDEwO1xuZXhwb3J0IGNvbnN0IG9wdGlvbkdyb3VwQ2hlY2tCb3hXcmFwID0gY3NzKHtcbiAgICBtYXhIZWlnaHQ6IG9wdGlvbldyYXBwZXJNYXhIZWlnaHQgK1xuICAgICAgICBzZWFyY2hCb3hIZWlnaHQgK1xuICAgICAgICAyICogKGluaXRpYWxQYWRkaW5nIC0gb25TY3JvbGxQYWRkaW5nKSArXG4gICAgICAgIG9wdGlvbkdyb3VwQ2hlY2tCb3hCdXR0b25XcmFwUGFkZGluZyArXG4gICAgICAgIG9wdGlvbkdyb3VwQ2hlY2tCb3hCdXR0b25XcmFwUGFkZGluZ1RvcCArXG4gICAgICAgIHNtYWxsQnV0dG9uSGVpZ2h0LFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCJcbn0pO1xuZXhwb3J0IGNvbnN0IG9wdGlvbkdyb3VwQ2hlY2tCb3hCdXR0b25XcmFwID0gY3NzKHtcbiAgICAuLi5taXhpbnMuZmxleFNwYWNlQmV0d2VlbixcbiAgICBnYXA6IDYwLFxuICAgIHBhZGRpbmc6IG9wdGlvbkdyb3VwQ2hlY2tCb3hCdXR0b25XcmFwUGFkZGluZyxcbiAgICBwYWRkaW5nVG9wOiBvcHRpb25Hcm91cENoZWNrQm94QnV0dG9uV3JhcFBhZGRpbmdUb3AsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMud2hpdGUuYmFzZVxufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1PcHRpb25Hcm91cENoZWNrQm94LnN0eWxlcy5qcy5tYXAiXX0= */"));
 
 function ownKeys$h(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$h(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$h(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -3663,7 +3674,7 @@ var SideBar = /*#__PURE__*/function (_React$PureComponent) {
           closeOnOutsideClick = _this$props2.closeOnOutsideClick;
       var _sidebarStyle = emotion.cx(sidebarStyle, /*#__PURE__*/emotion.css({
         width: width
-      }, ";label:Sidebar-SideBar;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDK0MiLCJmaWxlIjoiU2lkZWJhci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNsb3NlU3R5bGUsIHNpZGViYXJTdHlsZSwgc2lkZWJhcldyYXBwZXJTdHlsZSB9IGZyb20gXCIuL3N0eWxlcy9TaWRlYmFyLnN0eWxlc1wiO1xuaW1wb3J0IHsgYW5pbWF0ZWQgfSBmcm9tIFwicmVhY3Qtc3ByaW5nL3JlbmRlcnByb3BzLmNqc1wiO1xuaW1wb3J0IEluayBmcm9tIFwicmVhY3QtaW5rXCI7XG5pbXBvcnQgeyBjc3MsIGN4IH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IGRpc2FibGVTY3JvbGxZIH0gZnJvbSBcIi4uL3RoZW1lL3N0eWxlc1wiO1xuaW1wb3J0IE1vdW50VHJhbnNpdGlvbiBmcm9tIFwiLi9zaGFyZWQvTW91bnRUcmFuc2l0aW9uXCI7XG5jb25zdCB0cmFuc2l0aW9uUHJvcHMgPSB7XG4gICAgZnJvbTogeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0sXG4gICAgZW50ZXI6IHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMClcIiB9LFxuICAgIGxlYXZlOiB7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDEwMCUpXCIsIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiIH1cbn07XG5jbGFzcyBTaWRlQmFyIGV4dGVuZHMgUmVhY3QuUHVyZUNvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKC4uLmFyZ3VtZW50cyk7XG4gICAgICAgIHRoaXMub25PdXRzaWRlQ2xpY2sgPSAoKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IG9uT3V0c2lkZUNsaWNrLCBjbG9zZU9uT3V0c2lkZUNsaWNrLCBvbkNsb3NlIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICAgICAgaWYgKGNsb3NlT25PdXRzaWRlQ2xpY2spIHtcbiAgICAgICAgICAgICAgICBvbkNsb3NlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAob25PdXRzaWRlQ2xpY2spXG4gICAgICAgICAgICAgICAgb25PdXRzaWRlQ2xpY2soKTtcbiAgICAgICAgfTtcbiAgICB9XG4gICAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgICAgIGlmICh0aGlzLnByb3BzLmlzT3BlbilcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuY2xhc3NMaXN0LmFkZChkaXNhYmxlU2Nyb2xsWSk7XG4gICAgfVxuICAgIGNvbXBvbmVudERpZFVwZGF0ZSgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5hZGQoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKGRpc2FibGVTY3JvbGxZKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBjb21wb25lbnRXaWxsVW5tb3VudCgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5yZW1vdmUoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyB3aWR0aCwgaXNPcGVuLCBjaGlsZHJlbiwgb25DbG9zZSwgb25PdXRzaWRlQ2xpY2ssIGNsb3NlT25PdXRzaWRlQ2xpY2sgfSA9IHRoaXMucHJvcHM7XG4gICAgICAgIGNvbnN0IF9zaWRlYmFyU3R5bGUgPSBjeChzaWRlYmFyU3R5bGUsIGNzcyh7IHdpZHRoIH0pKTtcbiAgICAgICAgcmV0dXJuICg8TW91bnRUcmFuc2l0aW9uIHZpc2libGU9e2lzT3Blbn0gey4uLnRyYW5zaXRpb25Qcm9wc30+XG4gICAgICAgIHtzdHlsZXMgPT4gKDw+XG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IHN0eWxlPXt7IG9wYWNpdHk6IHN0eWxlcy5vcGFjaXR5IH19IGNsYXNzTmFtZT17c2lkZWJhcldyYXBwZXJTdHlsZX0gb25DbGljaz17b25PdXRzaWRlQ2xpY2sgfHwgY2xvc2VPbk91dHNpZGVDbGlja1xuICAgICAgICAgICAgPyB0aGlzLm9uT3V0c2lkZUNsaWNrXG4gICAgICAgICAgICA6IHVuZGVmaW5lZH0gZGF0YS10ZXN0aWQ9XCJzaGFkb3dBcmVhXCIvPlxuXG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IGNsYXNzTmFtZT17X3NpZGViYXJTdHlsZX0gc3R5bGU9e3N0eWxlc30+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbG9zZVN0eWxlfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJwaSBwaS1jbG9zZVwiLz5cbiAgICAgICAgICAgICAgICA8SW5rIC8+XG4gICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgIDxkaXYgc3R5bGU9e3sgb3ZlcmZsb3dZOiBcInNjcm9sbFwiLCBoZWlnaHQ6IFwiMTAwdmhcIiB9fT5cbiAgICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9hbmltYXRlZC5kaXY+XG4gICAgICAgICAgPC8+KX1cbiAgICAgIDwvTW91bnRUcmFuc2l0aW9uPik7XG4gICAgfVxufVxuU2lkZUJhci5kZWZhdWx0UHJvcHMgPSB7XG4gICAgY2xvc2VPbk91dHNpZGVDbGljazogdHJ1ZVxufTtcbmV4cG9ydCBkZWZhdWx0IFNpZGVCYXI7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyLmpzeC5tYXAiXX0= */")));
+      }, ";label:Sidebar-SideBar;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDK0MiLCJmaWxlIjoiU2lkZWJhci5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGNsb3NlU3R5bGUsIHNpZGViYXJTdHlsZSwgc2lkZWJhcldyYXBwZXJTdHlsZSB9IGZyb20gXCIuL3N0eWxlcy9TaWRlYmFyLnN0eWxlc1wiO1xuaW1wb3J0IHsgYW5pbWF0ZWQgfSBmcm9tIFwicmVhY3Qtc3ByaW5nL3JlbmRlcnByb3BzLmNqc1wiO1xuaW1wb3J0IEluayBmcm9tIFwicmVhY3QtaW5rXCI7XG5pbXBvcnQgeyBjc3MsIGN4IH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IGRpc2FibGVTY3JvbGxZIH0gZnJvbSBcIi4uL3RoZW1lL3N0eWxlc1wiO1xuaW1wb3J0IE1vdW50VHJhbnNpdGlvbiBmcm9tIFwiLi9zaGFyZWQvTW91bnRUcmFuc2l0aW9uXCI7XG5jb25zdCB0cmFuc2l0aW9uUHJvcHMgPSB7XG4gICAgZnJvbTogeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06IFwidHJhbnNsYXRlWCgxMDAlKVwiIH0sXG4gICAgZW50ZXI6IHsgb3BhY2l0eTogMSwgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVgoMClcIiB9LFxuICAgIGxlYXZlOiB7IG9wYWNpdHk6IDAsIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVYKDEwMCUpXCIsIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiIH1cbn07XG5jbGFzcyBTaWRlQmFyIGV4dGVuZHMgUmVhY3QuUHVyZUNvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKC4uLmFyZ3VtZW50cyk7XG4gICAgICAgIHRoaXMub25PdXRzaWRlQ2xpY2sgPSAoKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7IG9uT3V0c2lkZUNsaWNrLCBjbG9zZU9uT3V0c2lkZUNsaWNrLCBvbkNsb3NlIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICAgICAgaWYgKGNsb3NlT25PdXRzaWRlQ2xpY2spIHtcbiAgICAgICAgICAgICAgICBvbkNsb3NlKCk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAob25PdXRzaWRlQ2xpY2spXG4gICAgICAgICAgICAgICAgb25PdXRzaWRlQ2xpY2soKTtcbiAgICAgICAgfTtcbiAgICB9XG4gICAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgICAgIGlmICh0aGlzLnByb3BzLmlzT3BlbilcbiAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuY2xhc3NMaXN0LmFkZChkaXNhYmxlU2Nyb2xsWSk7XG4gICAgfVxuICAgIGNvbXBvbmVudERpZFVwZGF0ZSgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5hZGQoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgICAgIGVsc2Uge1xuICAgICAgICAgICAgZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKGRpc2FibGVTY3JvbGxZKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBjb21wb25lbnRXaWxsVW5tb3VudCgpIHtcbiAgICAgICAgaWYgKHRoaXMucHJvcHMuaXNPcGVuKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5yZW1vdmUoZGlzYWJsZVNjcm9sbFkpO1xuICAgICAgICB9XG4gICAgfVxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyB3aWR0aCwgaXNPcGVuLCBjaGlsZHJlbiwgb25DbG9zZSwgb25PdXRzaWRlQ2xpY2ssIGNsb3NlT25PdXRzaWRlQ2xpY2sgfSA9IHRoaXMucHJvcHM7XG4gICAgICAgIGNvbnN0IF9zaWRlYmFyU3R5bGUgPSBjeChzaWRlYmFyU3R5bGUsIGNzcyh7IHdpZHRoIH0pKTtcbiAgICAgICAgcmV0dXJuICg8TW91bnRUcmFuc2l0aW9uIHZpc2libGU9e2lzT3Blbn0gey4uLnRyYW5zaXRpb25Qcm9wc30+XG4gICAgICAgIHtzdHlsZXMgPT4gKDw+XG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IHN0eWxlPXt7IG9wYWNpdHk6IHN0eWxlcy5vcGFjaXR5IH19IGNsYXNzTmFtZT17c2lkZWJhcldyYXBwZXJTdHlsZX0gb25DbGljaz17b25PdXRzaWRlQ2xpY2sgfHwgY2xvc2VPbk91dHNpZGVDbGlja1xuICAgICAgICAgICAgPyB0aGlzLm9uT3V0c2lkZUNsaWNrXG4gICAgICAgICAgICA6IHVuZGVmaW5lZH0gZGF0YS10ZXN0aWQ9XCJzaGFkb3dBcmVhXCIvPlxuXG4gICAgICAgICAgICA8YW5pbWF0ZWQuZGl2IGNsYXNzTmFtZT17X3NpZGViYXJTdHlsZX0gc3R5bGU9e3N0eWxlc30+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbG9zZVN0eWxlfSBvbkNsaWNrPXtvbkNsb3NlfT5cbiAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJwaSBwaS1jbG9zZVwiLz5cbiAgICAgICAgICAgICAgICA8SW5rIC8+XG4gICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgIDxkaXYgc3R5bGU9e3sgb3ZlcmZsb3dZOiBcInNjcm9sbFwiLCBoZWlnaHQ6IFwiMTAwJVwiIH19PlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2FuaW1hdGVkLmRpdj5cbiAgICAgICAgICA8Lz4pfVxuICAgICAgPC9Nb3VudFRyYW5zaXRpb24+KTtcbiAgICB9XG59XG5TaWRlQmFyLmRlZmF1bHRQcm9wcyA9IHtcbiAgICBjbG9zZU9uT3V0c2lkZUNsaWNrOiB0cnVlXG59O1xuZXhwb3J0IGRlZmF1bHQgU2lkZUJhcjtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNpZGViYXIuanN4Lm1hcCJdfQ== */")));
       return /*#__PURE__*/React.createElement(MountTransition, Object.assign({
         visible: isOpen
       }, transitionProps), function (styles) {
@@ -3685,7 +3696,7 @@ var SideBar = /*#__PURE__*/function (_React$PureComponent) {
         }), /*#__PURE__*/React.createElement(Ink, null)), /*#__PURE__*/React.createElement("div", {
           style: {
             overflowY: "scroll",
-            height: "100vh"
+            height: "100%"
           }
         }, children)));
       });