@innovaccer/design-system 2.3.0 → 2.4.0-0

package/css/src/components/calendar.css

@@ -21,11 +21,11 @@
 }
 
 .Calendar--large {
-    padding-top: var(--spacing-l);
+    padding-top: var(--spacing-2);
     padding-left: var(--spacing-2);
     padding-right: var(--spacing-2);
-    padding-bottom: var(--spacing);
-    height: 272px;
+    padding-bottom: var(--spacing-l);
+    height: 324px;
     width: 316px;
 }
 
@@ -34,7 +34,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
-    padding-bottom: var(--spacing-m);
+    padding-bottom: var(--spacing-l);
 }
 
 .Calendar-headerIcon {
@@ -73,12 +73,22 @@
 .Calendar-valueRow {
     display: flex;
     justify-content: space-around;
+    padding-top: var(--spacing-s);
+    padding-bottom: var(--spacing-s);
+}
+
+.Calendar-valueRow:last-child {
+    display: flex;
+    justify-content: space-around;
+    padding-top: var(--spacing-s);
+    padding-bottom: 0;
 }
 
 .Calendar-valueWrapper {
     display: inline-flex;
     flex: 1 0 0;
     justify-content: center;
+    position: relative;
 }
 
 .Calendar-valueWrapper--inRange {
@@ -141,6 +151,10 @@
     background: var(--alert-lightest);
 }
 
+.Calendar-value--currentDate, .Calendar-value--currentDate:hover {
+    background: var(--primary-lightest) !important;
+}
+
 .Calendar-value--active, .Calendar-value--active:hover {
     background: var(--primary) !important;
 }
@@ -180,6 +194,8 @@
 .Calendar-dayValues {
     display: flex;
     justify-content: center;
+    padding-top: var(--spacing);
+    padding-bottom: var(--spacing);
 }
 
 .Calendar-dateValues {
@@ -191,4 +207,20 @@
 
 .Calendar-dayValues .Calendar-value {
     padding: 0;
-}
+}
+
+.Calendar-eventsIndicator{
+    position: absolute;
+    bottom: var(--spacing-s);
+    width: var(--spacing-m);
+    height: var(--spacing-m);
+    background-color: var(--alert);
+    border-radius: 50%;
+}
+.Calendar-eventsIndicator--small{
+    width: 3px;
+    height: 3px;
+}
+.Calendar-eventsIndicator--active{
+    background-color: var(--white);
+}

package/css/src/components/card.css

@@ -1,7 +1,7 @@
 /* badge */
 
 .Card {
-  border-radius: var(--spacing);
+  border-radius: var(--spacing-m);
   border: var(--spacing-xs) solid var(--secondary-light);
   position: relative;
   overflow: hidden;

package/css/src/components/chipInput.css

@@ -4,8 +4,8 @@
   border-radius: var(--spacing-m);
   border: var(--border);
   padding-left: var(--spacing-s);
-  padding-top: var(--spacing-s);
-  padding-bottom: var(--spacing-s);
+  padding-top: var(--spacing-xs);
+  padding-bottom: var(--spacing-xs);
   background: var(--white);
   cursor: text;
   flex: 100%;

package/css/src/components/editableChipInput.css

@@ -16,7 +16,8 @@
   align-items: center;
   padding-left:var(--spacing);
   border: var(--spacing-xs) solid transparent;
-  min-height: var(--spacing-3);
+  padding-top: var(--spacing-xs);
+  padding-bottom: var(--spacing-xs);
   max-width: calc(100% - 28px);
   flex-wrap:wrap;
 }

package/css/src/components/inlineMessage.css

@@ -0,0 +1,29 @@
+.InlineMessage {
+  display: flex;
+  flex-direction: row;
+  overflow: hidden;
+  border-radius: var(--spacing-m);
+  background-color: var(--white);
+}
+
+.InlineMessage-icon {
+  margin-right: var(--spacing);
+  padding-top: var(--spacing-s);
+  padding-bottom: var(--spacing-s);
+}
+
+.InlineMessage-text--warning, .InlineMessage-icon--warning {
+  color: var(--accent1);
+}
+
+.InlineMessage-text--alert {
+  color: var(--alert);
+}
+
+.InlineMessage-text--info {
+  color: var(--primary);
+}
+
+.InlineMessage-text--success {
+  color: var(--success);
+}

package/dist/core/components/atoms/backdrop/Backdrop.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
 export interface BackdropProps extends BaseProps {
     open: boolean;
+    zIndex?: number;
 }
 export declare const Backdrop: React.FC<BackdropProps>;
 export default Backdrop;

package/dist/core/components/atoms/button/Button.d.ts

@@ -13,6 +13,7 @@ export interface ButtonProps extends BaseProps, BaseHtmlProps<HTMLButtonElement>
     selected?: boolean;
     loading?: boolean;
     icon?: string;
+    tooltip?: string;
     iconAlign?: Alignment;
     largeIcon?: boolean;
     children?: React.ReactText;

package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts

@@ -59,6 +59,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
     doesEventContainsElement: (event: Event, ref: React.RefObject<any>) => boolean | null;
     getZIndexForLayer(node: Element | null): number | undefined;
     getUpdatedStyle: (oldStyle: React.CSSProperties, placement: PositionType, offset: Offset) => {
+        accentColor?: "white" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "auto" | undefined;
         alignContent?: "start" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "end" | "flex-end" | "flex-start" | "baseline" | "normal" | undefined;
         alignItems?: "start" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | undefined;
         alignSelf?: "start" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | undefined;
@@ -71,7 +72,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         animationName?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
         animationPlayState?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "paused" | "running" | undefined;
         animationTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
-        appearance?: "button" | "meter" | "textarea" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "checkbox" | "listbox" | "radio" | "auto" | "menulist" | "progress-bar" | "push-button" | "searchfield" | "slider-horizontal" | "square-button" | "menulist-button" | "textfield" | undefined;
+        appearance?: "button" | "meter" | "textarea" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "checkbox" | "listbox" | "radio" | "menulist" | "progress-bar" | "push-button" | "searchfield" | "slider-horizontal" | "square-button" | "menulist-button" | "textfield" | undefined;
         aspectRatio?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | undefined;
         backdropFilter?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
         backfaceVisibility?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "visible" | undefined;
@@ -136,8 +137,8 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         boxDecorationBreak?: "slice" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "clone" | undefined;
         boxShadow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
         boxSizing?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "border-box" | "content-box" | undefined;
-        breakAfter?: "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "region" | "page" | "all" | "auto" | "always" | "avoid" | "avoid-column" | "avoid-page" | "avoid-region" | "column" | "recto" | "verso" | undefined;
-        breakBefore?: "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "region" | "page" | "all" | "auto" | "always" | "avoid" | "avoid-column" | "avoid-page" | "avoid-region" | "column" | "recto" | "verso" | undefined;
+        breakAfter?: "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "region" | "page" | "all" | "always" | "avoid" | "avoid-column" | "avoid-page" | "avoid-region" | "column" | "recto" | "verso" | undefined;
+        breakBefore?: "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "region" | "page" | "all" | "always" | "avoid" | "avoid-column" | "avoid-page" | "avoid-region" | "column" | "recto" | "verso" | undefined;
         breakInside?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "avoid" | "avoid-column" | "avoid-page" | "avoid-region" | undefined;
         captionSide?: "top" | "bottom" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "block-end" | "block-start" | "inline-end" | "inline-start" | undefined;
         caretColor?: "white" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "auto" | undefined;
@@ -160,7 +161,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         counterIncrement?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
         counterReset?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
         counterSet?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
-        cursor?: "default" | "progress" | "text" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cell" | "copy" | "move" | "auto" | "-moz-grab" | "-webkit-grab" | "alias" | "all-scroll" | "col-resize" | "context-menu" | "crosshair" | "e-resize" | "ew-resize" | "grab" | "grabbing" | "help" | "n-resize" | "ne-resize" | "nesw-resize" | "no-drop" | "not-allowed" | "ns-resize" | "nw-resize" | "nwse-resize" | "pointer" | "row-resize" | "s-resize" | "se-resize" | "sw-resize" | "vertical-text" | "w-resize" | "wait" | "zoom-in" | "zoom-out" | undefined;
+        cursor?: "default" | "progress" | "text" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "cell" | "copy" | "move" | "-moz-grab" | "-webkit-grab" | "alias" | "all-scroll" | "col-resize" | "context-menu" | "crosshair" | "e-resize" | "ew-resize" | "grab" | "grabbing" | "help" | "n-resize" | "ne-resize" | "nesw-resize" | "no-drop" | "not-allowed" | "ns-resize" | "nw-resize" | "nwse-resize" | "pointer" | "row-resize" | "s-resize" | "se-resize" | "sw-resize" | "vertical-text" | "w-resize" | "wait" | "zoom-in" | "zoom-out" | undefined;
         direction?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "ltr" | "rtl" | undefined;
         display?: "ruby" | "table" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "grid" | "inline" | "contents" | "block" | "run-in" | "-ms-flexbox" | "-ms-grid" | "-webkit-flex" | "flex" | "flow" | "flow-root" | "ruby-base" | "ruby-base-container" | "ruby-text" | "ruby-text-container" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "-ms-inline-flexbox" | "-ms-inline-grid" | "-webkit-inline-flex" | "inline-block" | "inline-flex" | "inline-grid" | "inline-list-item" | "inline-table" | "list-item" | undefined;
         emptyCells?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "hide" | "show" | undefined;
@@ -177,13 +178,13 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         fontLanguageOverride?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | undefined;
         fontOpticalSizing?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | undefined;
         fontSize?: string | number | (string & {}) | undefined;
-        fontSizeAdjust?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | undefined;
+        fontSizeAdjust?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "from-font" | undefined;
         fontSmooth?: string | number | undefined;
         fontStretch?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "expanded" | "normal" | "condensed" | "extra-condensed" | "extra-expanded" | "semi-condensed" | "semi-expanded" | "ultra-condensed" | "ultra-expanded" | undefined;
         fontStyle?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "italic" | "oblique" | undefined;
-        fontSynthesis?: "style" | "weight" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
-        fontVariant?: "ruby" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "normal" | "jis04" | "jis78" | "jis83" | "jis90" | "simplified" | "traditional" | "all-petite-caps" | "all-small-caps" | "common-ligatures" | "contextual" | "diagonal-fractions" | "discretionary-ligatures" | "full-width" | "historical-forms" | "historical-ligatures" | "lining-nums" | "no-common-ligatures" | "no-contextual" | "no-discretionary-ligatures" | "no-historical-ligatures" | "oldstyle-nums" | "ordinal" | "petite-caps" | "proportional-nums" | "proportional-width" | "slashed-zero" | "small-caps" | "stacked-fractions" | "tabular-nums" | "titling-caps" | "unicase" | undefined;
-        fontVariantCaps?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "all-petite-caps" | "all-small-caps" | "petite-caps" | "small-caps" | "titling-caps" | "unicase" | undefined;
+        fontSynthesis?: "style" | "weight" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "small-caps" | undefined;
+        fontVariant?: "ruby" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "normal" | "small-caps" | "jis04" | "jis78" | "jis83" | "jis90" | "simplified" | "traditional" | "all-petite-caps" | "all-small-caps" | "common-ligatures" | "contextual" | "diagonal-fractions" | "discretionary-ligatures" | "full-width" | "historical-forms" | "historical-ligatures" | "lining-nums" | "no-common-ligatures" | "no-contextual" | "no-discretionary-ligatures" | "no-historical-ligatures" | "oldstyle-nums" | "ordinal" | "petite-caps" | "proportional-nums" | "proportional-width" | "slashed-zero" | "stacked-fractions" | "tabular-nums" | "titling-caps" | "unicase" | undefined;
+        fontVariantCaps?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "small-caps" | "all-petite-caps" | "all-small-caps" | "petite-caps" | "titling-caps" | "unicase" | undefined;
         fontVariantEastAsian?: "ruby" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "jis04" | "jis78" | "jis83" | "jis90" | "simplified" | "traditional" | "full-width" | "proportional-width" | undefined;
         fontVariantLigatures?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "normal" | "common-ligatures" | "contextual" | "discretionary-ligatures" | "historical-ligatures" | "no-common-ligatures" | "no-contextual" | "no-discretionary-ligatures" | "no-historical-ligatures" | undefined;
         fontVariantNumeric?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "diagonal-fractions" | "lining-nums" | "oldstyle-nums" | "ordinal" | "proportional-nums" | "slashed-zero" | "stacked-fractions" | "tabular-nums" | undefined;
@@ -311,7 +312,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         perspective?: string | number | undefined;
         perspectiveOrigin?: string | number | (string & {}) | undefined;
         placeContent?: "start" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "end" | "flex-end" | "flex-start" | "baseline" | "normal" | undefined;
-        pointerEvents?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "all" | "auto" | "visible" | "fill" | "stroke" | "painted" | "visibleFill" | "visiblePainted" | "visibleStroke" | undefined;
+        pointerEvents?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "all" | "visible" | "fill" | "stroke" | "painted" | "visibleFill" | "visiblePainted" | "visibleStroke" | undefined;
         position?: "fixed" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "-webkit-sticky" | "absolute" | "relative" | "static" | "sticky" | undefined;
         quotes?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | undefined;
         resize?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "inline" | "both" | "horizontal" | "vertical" | "block" | undefined;
@@ -353,8 +354,8 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         scrollSnapMarginTop?: string | number | undefined;
         scrollSnapStop?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "always" | undefined;
         scrollSnapType?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "inline" | "both" | "x" | "block" | "y" | undefined;
-        scrollbarColor?: "dark" | "white" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "auto" | "light" | undefined;
-        scrollbarGutter?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "always" | "stable" | undefined;
+        scrollbarColor?: "white" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "auto" | undefined;
+        scrollbarGutter?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "stable" | undefined;
         scrollbarWidth?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "thin" | "auto" | undefined;
         shapeImageThreshold?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | (number & {}) | undefined;
         shapeMargin?: string | number | (string & {}) | undefined;
@@ -367,7 +368,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         textDecorationColor?: "white" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | undefined;
         textDecorationLine?: "blink" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "grammar-error" | "line-through" | "overline" | "spelling-error" | "underline" | undefined;
         textDecorationSkip?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "box-decoration" | "edges" | "leading-spaces" | "objects" | "spaces" | "trailing-spaces" | undefined;
-        textDecorationSkipInk?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "all" | "auto" | undefined;
+        textDecorationSkipInk?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "all" | undefined;
         textDecorationStyle?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "dashed" | "dotted" | "double" | "solid" | "wavy" | undefined;
         textDecorationThickness?: string | number | (string & {}) | undefined;
         textDecorationWidth?: string | number | (string & {}) | undefined;
@@ -383,7 +384,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         textSizeAdjust?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | undefined;
         textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase" | undefined;
         textUnderlineOffset?: string | number | (string & {}) | undefined;
-        textUnderlinePosition?: "left" | "right" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "under" | "from-font" | undefined;
+        textUnderlinePosition?: "left" | "right" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "from-font" | "under" | undefined;
         top?: string | number | (string & {}) | undefined;
         touchAction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "-ms-manipulation" | "-ms-none" | "-ms-pinch-zoom" | "manipulation" | "pan-down" | "pan-left" | "pan-right" | "pan-up" | "pan-x" | "pan-y" | "pinch-zoom" | undefined;
         transform?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
@@ -396,7 +397,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         transitionTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         translate?: string | number | (string & {}) | undefined;
         unicodeBidi?: "embed" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "isolate" | "-moz-isolate" | "-moz-isolate-override" | "-moz-plaintext" | "-webkit-isolate" | "-webkit-isolate-override" | "-webkit-plaintext" | "bidi-override" | "isolate-override" | "plaintext" | undefined;
-        userSelect?: "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "all" | "auto" | "contain" | "-moz-none" | "element" | undefined;
+        userSelect?: "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "all" | "contain" | "-moz-none" | "element" | undefined;
         verticalAlign?: string | number | (string & {}) | undefined;
         visibility?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "visible" | "collapse" | undefined;
         whiteSpace?: "pre" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "nowrap" | "-moz-pre-wrap" | "break-spaces" | "pre-line" | "pre-wrap" | undefined;
@@ -404,13 +405,13 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         width?: string | number | (string & {}) | undefined;
         willChange?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "contents" | "scroll-position" | undefined;
         wordBreak?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "break-word" | "break-all" | "keep-all" | undefined;
-        wordSpacing?: string | number | (string & {}) | undefined;
+        wordSpacing?: string | number | undefined;
         wordWrap?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "break-word" | undefined;
         writingMode?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "horizontal-tb" | "sideways-lr" | "sideways-rl" | "vertical-lr" | "vertical-rl" | undefined;
         zIndex?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | (number & {}) | undefined;
-        zoom?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "reset" | (number & {}) | "normal" | undefined;
+        zoom?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | (number & {}) | "reset" | "normal" | undefined;
         all?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | undefined;
-        animation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "both" | (number & {}) | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
+        animation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "both" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         background?: string | number | (string & {}) | undefined;
         backgroundPosition?: string | number | (string & {}) | undefined;
         border?: string | number | (string & {}) | undefined;
@@ -508,7 +509,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         MozTransitionTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         MozUserFocus?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "select-all" | "normal" | "ignore" | "select-after" | "select-before" | "select-menu" | "select-same" | undefined;
         MozUserModify?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "read-only" | "read-write" | "write-only" | undefined;
-        MozUserSelect?: "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "all" | "auto" | "contain" | "-moz-none" | "element" | undefined;
+        MozUserSelect?: "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "all" | "contain" | "-moz-none" | "element" | undefined;
         MozWindowDragging?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "drag" | "no-drag" | undefined;
         MozWindowShadow?: "default" | "menu" | "tooltip" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "sheet" | undefined;
         msAccelerator?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "true" | "false" | undefined;
@@ -536,7 +537,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         msJustifySelf?: "start" | "left" | "right" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "baseline" | "normal" | "self-end" | "self-start" | undefined;
         msLineBreak?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "normal" | "strict" | "anywhere" | "loose" | undefined;
         msOrder?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | (number & {}) | undefined;
-        msOverflowStyle?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "scrollbar" | "auto" | "-ms-autohiding-scrollbar" | undefined;
+        msOverflowStyle?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "scrollbar" | "-ms-autohiding-scrollbar" | undefined;
         msOverflowX?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | undefined;
         msOverflowY?: "hidden" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | undefined;
         msScrollChaining?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "chained" | undefined;
@@ -569,7 +570,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         msTransitionTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         msUserSelect?: "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "element" | undefined;
         msWordBreak?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "break-word" | "break-all" | "keep-all" | undefined;
-        msWrapFlow?: "start" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "both" | "auto" | "clear" | "end" | "maximum" | undefined;
+        msWrapFlow?: "start" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "both" | "clear" | "end" | "maximum" | undefined;
         msWrapMargin?: string | number | undefined;
         msWrapThrough?: "wrap" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
         msWritingMode?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "horizontal-tb" | "sideways-lr" | "sideways-rl" | "vertical-lr" | "vertical-rl" | undefined;
@@ -669,7 +670,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         WebkitTextSizeAdjust?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | undefined;
         WebkitTextStrokeColor?: "white" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | undefined;
         WebkitTextStrokeWidth?: string | number | undefined;
-        WebkitTextUnderlinePosition?: "left" | "right" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "under" | "from-font" | undefined;
+        WebkitTextUnderlinePosition?: "left" | "right" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "from-font" | "under" | undefined;
         WebkitTouchCallout?: "default" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
         WebkitTransform?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
         WebkitTransformOrigin?: string | number | (string & {}) | undefined;
@@ -679,9 +680,9 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         WebkitTransitionProperty?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "all" | undefined;
         WebkitTransitionTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         WebkitUserModify?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "read-only" | "read-write" | "read-write-plaintext-only" | undefined;
-        WebkitUserSelect?: "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "all" | "auto" | "contain" | "-moz-none" | "element" | undefined;
+        WebkitUserSelect?: "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "all" | "contain" | "-moz-none" | "element" | undefined;
         WebkitWritingMode?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "horizontal-tb" | "sideways-lr" | "sideways-rl" | "vertical-lr" | "vertical-rl" | undefined;
-        MozAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "both" | (number & {}) | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
+        MozAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "both" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         MozBorderImage?: "repeat" | "round" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "space" | "stretch" | undefined;
         MozColumnRule?: string | number | (string & {}) | undefined;
         MozColumns?: string | number | (string & {}) | (number & {}) | undefined;
@@ -693,7 +694,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         msScrollSnapX?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | undefined;
         msScrollSnapY?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | undefined;
         msTransition?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "all" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
-        WebkitAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "both" | (number & {}) | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
+        WebkitAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "both" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         WebkitBorderBefore?: string | number | (string & {}) | undefined;
         WebkitBorderImage?: "repeat" | "round" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "space" | "stretch" | undefined;
         WebkitBorderRadius?: string | number | (string & {}) | undefined;
@@ -744,7 +745,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         KhtmlBoxPack?: "start" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "end" | "justify" | undefined;
         KhtmlLineBreak?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "normal" | "strict" | "anywhere" | "loose" | undefined;
         KhtmlOpacity?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | (number & {}) | undefined;
-        KhtmlUserSelect?: "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "all" | "auto" | "contain" | "-moz-none" | "element" | undefined;
+        KhtmlUserSelect?: "text" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "all" | "contain" | "-moz-none" | "element" | undefined;
         MozBackgroundClip?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "border-box" | "content-box" | "padding-box" | undefined;
         MozBackgroundInlinePolicy?: "slice" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "clone" | undefined;
         MozBackgroundOrigin?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "border-box" | "content-box" | "padding-box" | undefined;
@@ -763,7 +764,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         MozBoxPack?: "start" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "end" | "justify" | undefined;
         MozBoxShadow?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | undefined;
         MozFloatEdge?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "border-box" | "content-box" | "padding-box" | "margin-box" | undefined;
-        MozForceBrokenImageIcon?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | (number & {}) | undefined;
+        MozForceBrokenImageIcon?: 0 | 1 | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | undefined;
         MozOpacity?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | (number & {}) | undefined;
         MozOutline?: string | number | (string & {}) | undefined;
         MozOutlineColor?: "white" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "invert" | undefined;
@@ -781,7 +782,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
         MozUserInput?: "disabled" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "auto" | "enabled" | undefined;
         msImeMode?: "disabled" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "auto" | "active" | "normal" | "inactive" | undefined;
         msScrollbarTrackColor?: "white" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | undefined;
-        OAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "both" | (number & {}) | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
+        OAnimation?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | (number & {}) | "both" | "normal" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
         OAnimationDelay?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | undefined;
         OAnimationDirection?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "normal" | "alternate" | "alternate-reverse" | "reverse" | undefined;
         OAnimationDuration?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | undefined;

package/dist/core/components/organisms/calendar/Calendar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { BaseProps } from "../../../utils/types";
-import { Size, Day, View } from "./types";
+import { Size, Day, View, Events } from "./types";
 export interface SharedProps extends BaseProps {
     size: Size;
     monthsInView: number;
@@ -20,6 +20,7 @@ export declare type CalendarProps = {
     startDate?: Date;
     endDate?: Date;
     rangeLimit?: number;
+    events?: Events;
 } & SharedProps;
 interface CalendarState {
     view: View;
@@ -33,6 +34,9 @@ interface CalendarState {
     yearBlockNav: number;
     yearNav: number;
     monthNav: number;
+    todayDate: number;
+    currMonth: number;
+    currYear: number;
 }
 export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
     static defaultProps: {
@@ -59,6 +63,7 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
     renderBodyMonth: () => JSX.Element[];
     onDateRowMouseLeaveHandler: () => void;
     renderBodyDate: (index: number) => JSX.Element;
+    renderEventsIndicator(size: string, active: boolean): JSX.Element;
     renderDateValues: (index: number) => JSX.Element[];
     renderCalendar: (index: number) => JSX.Element;
     render(): JSX.Element;

package/dist/core/components/organisms/calendar/types.d.ts

@@ -8,3 +8,6 @@ export declare type DateObject = {
     date: number;
 };
 export declare type DateType = number | Date | string;
+export declare type Events = {
+    [key: string]: boolean;
+};

package/dist/core/components/organisms/inlineMessage/InlineMessage.d.ts

@@ -0,0 +1,15 @@
+import { BaseProps } from "../../../utils/types";
+export declare type Appearance = 'default' | 'alert' | 'info' | 'success' | 'warning';
+export interface InlineMessageProps extends BaseProps {
+    appearance: Appearance;
+    description: string;
+}
+export declare const InlineMessage: {
+    (props: InlineMessageProps): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        appearance: string;
+        description: string;
+    };
+};
+export default InlineMessage;

package/dist/core/components/organisms/inlineMessage/index.d.ts

@@ -0,0 +1 @@
+export * from "./InlineMessage";

package/dist/core/index.d.ts

@@ -78,4 +78,5 @@ export { Navigation } from "./components/organisms/navigation";
 export { PageHeader } from "./components/organisms/pageHeader";
 export { FileList } from "./components/molecules/fileList";
 export { VerificationCodeInput } from "./components/molecules/verificationCodeInput";
+export { InlineMessage } from "./components/organisms/inlineMessage";
 export { version } from "../package.json";

package/dist/core/index.type.d.ts

@@ -77,3 +77,4 @@ export { NavigationProps } from "./components/organisms/navigation";
 export { PageHeaderProps } from "./components/organisms/pageHeader";
 export { FileListProps } from "./components/molecules/fileList";
 export { VerificationCodeInputProps } from "./components/molecules/verificationCodeInput";
+export { InlineMessageProps } from "./components/organisms/inlineMessage";