@longline/aqua-ui 1.0.195 → 1.0.196

package/containers/Anchor/Anchor.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IAnchorProps {
     /** @ignore */
     className?: string;
     /**
@@ -59,5 +59,8 @@ interface IProps {
  * By default, positioning happens only once (when the anchor mounts), but with
  * the `adapt` prop, positioning happens whenever the page is scrolled.
  */
-declare const Anchor: (props: IProps) => React.JSX.Element;
-export { Anchor };
+declare const Anchor: {
+    (props: IAnchorProps): React.JSX.Element;
+    displayName: string;
+};
+export { Anchor, IAnchorProps };

package/containers/Anchor/Anchor.js

@@ -110,4 +110,5 @@ var Anchor = function (props) {
         } },
         React.createElement("div", { ref: contentRef, style: { position: 'absolute', visibility: 'hidden', transition: 'top 250ms ease, left 250ms ease' } }, props.children)));
 };
+Anchor.displayName = 'Anchor';
 export { Anchor };

package/containers/Dock/Dock.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IDockProps {
     /** @ignore */
     className?: string;
     /** Children are one or more `Dockable`. */
@@ -42,7 +42,7 @@ interface IProps {
  * absolute positioning on the map and do not stick to the Dock.
  */
 declare const Dock: {
-    ({ bordered, top, bottom, right, gap, ...props }: IProps): React.JSX.Element;
+    ({ bordered, top, bottom, right, gap, ...props }: IDockProps): React.JSX.Element;
     displayName: string;
 };
-export { Dock };
+export { Dock, IDockProps };

package/containers/Dock/Dockable.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IDockableProps {
     /** @ignore */
     className?: string;
     /** @ignore */
@@ -65,7 +65,7 @@ interface IProps {
  * When a `Dockable` is out of the viewport, it gains the `.offscreen` CSS class.
  */
 declare const Dockable: {
-    ({ longitude, latitude, offsetX, offsetY, swappable, alwaysDocked, zIndex, hysteresis, ...props }: IProps): React.JSX.Element;
+    ({ longitude, latitude, offsetX, offsetY, swappable, alwaysDocked, zIndex, hysteresis, ...props }: IDockableProps): React.JSX.Element;
     displayName: string;
 };
-export { Dockable, IProps as IDockableProps };
+export { Dockable, IDockableProps };

package/containers/DragBar/DragBar.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IDragBarProps {
     /** @ignore */
     className?: string;
     /** @ignore */
@@ -38,7 +38,7 @@ interface IProps {
  * set in pixels.
  */
 declare const DragBar: {
-    ({ height, navigation, navigationDelta, behavior, ...props }: IProps): React.JSX.Element;
+    ({ height, navigation, navigationDelta, behavior, ...props }: IDragBarProps): React.JSX.Element;
     displayName: string;
 };
-export { DragBar };
+export { DragBar, IDragBarProps };

package/containers/Form/Field.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IValidationProps } from './Validation';
-interface IProps {
+interface IFieldProps {
     /** @ignore */
     className?: string;
     /** Field name. Required.  */
@@ -98,7 +98,7 @@ interface IProps {
  * do not display label or hint. Other wrappers are `simple` and `box`.
  */
 declare const Field: {
-    (props: IProps): React.JSX.Element;
+    (props: IFieldProps): React.JSX.Element;
     displayName: string;
 };
-export { Field, IProps };
+export { Field, IFieldProps };

package/containers/Form/Form.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IFormProps {
     /**
      * @ignore
      */
@@ -42,10 +42,11 @@ interface IProps {
  * on every interaction.
  */
 declare const Form: {
-    (props: IProps): React.JSX.Element;
+    (props: IFormProps): React.JSX.Element;
+    displayName: string;
     Field: {
-        (props: import("./Field").IProps): React.JSX.Element;
+        (props: import("./Field").IFieldProps): React.JSX.Element;
         displayName: string;
     };
 };
-export { Form, IProps };
+export { Form, IFormProps };

package/containers/Form/Form.js

@@ -85,5 +85,6 @@ var Form = function (props) {
             ghost: props.ghost
         } }, props.children));
 };
+Form.displayName = 'Form';
 Form.Field = Field;
 export { Form };

package/containers/GlassPane/GlassPane.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IGlassPaneProps {
     /** @ignore */
     className?: string;
     /** @ignore */
@@ -42,7 +42,7 @@ interface IProps {
  * </GlassPane>*
  */
 declare const GlassPane: {
-    ({ bordered, padded, animated, ...props }: IProps): React.JSX.Element;
+    ({ bordered, padded, animated, ...props }: IGlassPaneProps): React.JSX.Element;
     displayName: string;
 };
-export { GlassPane, IProps };
+export { GlassPane, IGlassPaneProps };

package/containers/InfoBox/InfoBox.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IInfoBoxProps {
     /** @ignore */
     className?: string;
     /**
@@ -56,7 +56,7 @@ interface IProps {
  * ```
  */
 declare const InfoBox: {
-    ({ width, minHeight, padded, scroll, ...props }: IProps): React.JSX.Element;
+    ({ width, minHeight, padded, scroll, ...props }: IInfoBoxProps): React.JSX.Element;
     displayName: string;
 };
-export { InfoBox, IProps };
+export { InfoBox, IInfoBoxProps };

package/containers/List/List.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IListProps {
     /** @ignore */
     className?: string;
     /** @ignore */
@@ -41,5 +41,5 @@ interface IProps {
  * A list takes a forward `ref` which will point to the list of rows, so that
  * other code, using the ref, can scroll list items into view.
  */
-declare const List: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
-export { List, IProps };
+declare const List: React.ForwardRefExoticComponent<IListProps & React.RefAttributes<HTMLDivElement>>;
+export { List, IListProps };

package/containers/Message/Message.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IMessageProps {
     /** @ignore */
     className?: string;
     /** @ignore */
@@ -13,7 +13,7 @@ interface IProps {
  * includes a button with an action to resolve the situation.
  */
 declare const Message: {
-    (props: IProps): React.JSX.Element;
+    (props: IMessageProps): React.JSX.Element;
     /**
      * A `NoData` `Message` should be used when there is reallly no data, and no
      * filter is currently active. This Message offers no actions for the user
@@ -42,4 +42,4 @@ declare const Message: {
     };
     displayName: string;
 };
-export { Message };
+export { Message, IMessageProps };

package/containers/Tabs/Pane.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IPaneProps {
     /** @ignore */
     className?: string;
     /** @ignore */
@@ -25,5 +25,8 @@ interface IProps {
  * accommodate maps or images that must be rendered right against the tab bar
  * itself. The `padding` prop can be used to add some top padding.
  */
-declare const Pane: (props: IProps) => React.JSX.Element;
-export { Pane, IProps };
+declare const Pane: {
+    (props: IPaneProps): React.JSX.Element;
+    displayName: string;
+};
+export { Pane, IPaneProps };

package/containers/Tabs/Pane.js

@@ -41,5 +41,6 @@ var PaneStyled = styled(PaneBase)(templateObject_1 || (templateObject_1 = __make
  * itself. The `padding` prop can be used to add some top padding.
  */
 var Pane = function (props) { return React.createElement(PaneStyled, __assign({}, props)); };
+Pane.displayName = 'Tabs.Pane';
 export { Pane };
 var templateObject_1;

package/containers/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface ITabsProps {
     /** @ignore */
     className?: string;
     /** @ignore */
@@ -54,13 +54,17 @@ interface IProps {
  * If you need a tab bar, but not panes, then use the `TabBar` control.
  */
 declare const Tabs: {
-    (props: IProps): React.JSX.Element;
+    (props: ITabsProps): React.JSX.Element;
+    displayName: string;
     /**
      * A single tab pane.
      *
      * The Pane label can contain arbitrary content.
      * To get the content to vertically align properly, a Flex.Quick can help.
      */
-    Pane: (props: import("./Pane").IProps) => React.JSX.Element;
+    Pane: {
+        (props: import("./Pane").IPaneProps): React.JSX.Element;
+        displayName: string;
+    };
 };
-export { Tabs, IProps };
+export { Tabs, ITabsProps };

package/containers/Tabs/Tabs.js

@@ -133,6 +133,7 @@ var TabsStyled = styled(TabsBase)(templateObject_2 || (templateObject_2 = __make
  * If you need a tab bar, but not panes, then use the `TabBar` control.
  */
 var Tabs = function (props) { return React.createElement(TabsStyled, __assign({}, props)); };
+Tabs.displayName = 'Tabs';
 /**
  * A single tab pane.
  *

package/controls/Chip/Chip.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IChipProps {
     /** @ignore */
     className?: string;
     /**
@@ -32,7 +32,7 @@ interface IProps {
  * content is no longer ellipsized.
  */
 declare const Chip: {
-    ({ disabled, ...props }: IProps): React.JSX.Element;
+    ({ disabled, ...props }: IChipProps): React.JSX.Element;
     displayName: string;
 };
-export { Chip, IProps };
+export { Chip, IChipProps };

package/controls/Dropzone/Dropzone.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IDropzoneProps {
     /** @ignore */
     className?: string;
     /**
@@ -33,7 +33,7 @@ interface IProps {
  * />
  */
 declare const Dropzone: {
-    ({ disabled, ...props }: IProps): React.JSX.Element;
+    ({ disabled, ...props }: IDropzoneProps): React.JSX.Element;
     displayName: string;
 };
-export { Dropzone };
+export { Dropzone, IDropzoneProps };

package/controls/Fab/Fab.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IIconProps } from '../Icon';
-interface IProps {
+interface IFabProps {
     /** @ignore */
     className?: string;
     /**
@@ -71,7 +71,7 @@ interface IProps {
  * * The FAB can be in an `active` state where it appears depressed.
  */
 declare const Fab: {
-    ({ disabled, positive, negative, active, ...props }: IProps): React.JSX.Element;
+    ({ disabled, positive, negative, active, ...props }: IFabProps): React.JSX.Element;
     displayName: string;
 };
-export { Fab, IProps };
+export { Fab, IFabProps };

package/controls/FilterButton/FilterButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IFilterButtonProps {
     /** @ignore */
     className?: string;
     /**
@@ -31,5 +31,5 @@ interface IProps {
  * "depressed" and "highlighted" states to reflect UI status. It should be
  * combined with a pane to select filter options.
  */
-declare const FilterButton: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLButtonElement>>;
-export { FilterButton, IProps };
+declare const FilterButton: React.ForwardRefExoticComponent<IFilterButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { FilterButton, IFilterButtonProps };

package/controls/Ghost/Ghost.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { CSSProperties } from 'styled-components';
-interface IProps {
+interface IGhostProps {
     /** @ignore */
     className?: string;
     /**
@@ -9,5 +9,8 @@ interface IProps {
      */
     style?: CSSProperties;
 }
-declare const Ghost: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<IProps, never>> & string & Omit<(props: IProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
+declare const Ghost: {
+    (props: IGhostProps): React.JSX.Element;
+    displayName: string;
+};
 export { Ghost };

package/controls/Ghost/Ghost.js

@@ -2,6 +2,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import * as React from 'react';
 import styled, { keyframes } from 'styled-components';
 var GhostBase = function (props) {
@@ -15,6 +26,8 @@ var anim = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObjec
 var anim2 = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  0% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n"], ["\n  0% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n  }\n"])));
 var Gradient1 = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 1;\n  background: linear-gradient(-45deg, ", ", ", ");\n  animation: ", " 4s infinite linear;\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 1;\n  background: linear-gradient(-45deg, ", ", ", ");\n  animation: ", " 4s infinite linear;\n"])), COLOR1, COLOR2, anim2);
 var Gradient2 = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 1;\n  background: linear-gradient(-45deg, ", ", ", ");\n  animation: ", " 4s infinite linear;\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 1;\n  background: linear-gradient(-45deg, ", ", ", ");\n  animation: ", " 4s infinite linear;\n"])), COLOR2, COLOR1, anim);
-var Ghost = styled(GhostBase)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  min-width: 5px;\n  min-height: 5px;\n  border-radius: ", "px;\n  overflow: hidden;\n  pointer-events: none;\n  opacity: 0.3;\n"], ["\n  position: relative;\n  min-width: 5px;\n  min-height: 5px;\n  border-radius: ", "px;\n  overflow: hidden;\n  pointer-events: none;\n  opacity: 0.3;\n"])), function (p) { return p.theme.radius.normal; });
+var GhostStyled = styled(GhostBase)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  min-width: 5px;\n  min-height: 5px;\n  border-radius: ", "px;\n  overflow: hidden;\n  pointer-events: none;\n  opacity: 0.3;\n"], ["\n  position: relative;\n  min-width: 5px;\n  min-height: 5px;\n  border-radius: ", "px;\n  overflow: hidden;\n  pointer-events: none;\n  opacity: 0.3;\n"])), function (p) { return p.theme.radius.normal; });
+var Ghost = function (props) { return React.createElement(GhostStyled, __assign({}, props)); };
+Ghost.displayName = 'Ghost';
 export { Ghost };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/controls/Gradient/Gradient.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IGradientStop } from '../../Types';
-interface IProps {
+interface IGradientProps {
     /** @ignore */
     className?: string;
     /**
@@ -31,7 +31,7 @@ interface IProps {
  * visualization.
  */
 declare const Gradient: {
-    ({ thickness, checkered, ...props }: IProps): React.JSX.Element;
+    ({ thickness, checkered, ...props }: IGradientProps): React.JSX.Element;
     displayName: string;
 };
-export { Gradient };
+export { Gradient, IGradientProps };

package/controls/Key/Key.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IKeyProps {
     /** @ignore */
     className?: string;
     /**
@@ -19,7 +19,7 @@ interface IProps {
  * Certain keys (Ctrl on a Mac, arrows) are replaced with icons.
  */
 declare const Key: {
-    (props: IProps): React.JSX.Element;
+    (props: IKeyProps): React.JSX.Element;
     displayName: string;
 };
-export { Key };
+export { Key, IKeyProps };

package/controls/LinearChart/LinearChart.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface ILinearChartProps {
     /** @ignore */
     className?: string;
     /**
@@ -28,7 +28,7 @@ interface IProps {
  * A percentage value and a text label are optional.
  */
 declare const LinearChart: {
-    ({ numbered, ...props }: IProps): React.JSX.Element;
+    ({ numbered, ...props }: ILinearChartProps): React.JSX.Element;
     displayName: string;
 };
-export { LinearChart, IProps };
+export { LinearChart, ILinearChartProps };

package/controls/ListView/ListView.d.ts

@@ -18,4 +18,4 @@ declare const ListView: {
         displayName: string;
     };
 };
-export { ListView };
+export { ListView, IListViewProps };

package/controls/Mouse/Mouse.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IMouseProps {
     /** @ignore */
     className?: string;
     /**
@@ -40,7 +40,7 @@ interface IProps {
  * - `size`: Scales the mouse height in pixels
  */
 declare const Mouse: {
-    ({ left, right, wheel, ...props }: IProps): React.JSX.Element;
+    ({ left, right, wheel, ...props }: IMouseProps): React.JSX.Element;
     displayName: string;
 };
-export { Mouse };
+export { Mouse, IMouseProps };

package/controls/PrimaryButton/PrimaryButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IIconProps } from '../Icon';
-interface IProps {
+interface IPrimaryButtonProps {
     /** @ignore */
     className?: string;
     /** Button content. Can be JSX. */
@@ -57,7 +57,7 @@ interface IProps {
  * state where it cannot be clicked.
  */
 declare const PrimaryButton: {
-    ({ disabled, positive, negative, ...props }: IProps): React.JSX.Element;
+    ({ disabled, positive, negative, ...props }: IPrimaryButtonProps): React.JSX.Element;
     displayName: string;
 };
-export { PrimaryButton, IProps };
+export { PrimaryButton, IPrimaryButtonProps };

package/controls/Progress/Progress.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IProgressProps {
     /** @ignore */
     className?: string;
     /**
@@ -47,5 +47,8 @@ interface IProps {
  * <Progress value={45} numbered color="#00c2a8" thickness={8} />
  * ```
  */
-declare const Progress: ({ thickness, numbered, padded, ...props }: IProps) => React.JSX.Element;
-export { Progress, IProps };
+declare const Progress: {
+    ({ thickness, numbered, padded, ...props }: IProgressProps): React.JSX.Element;
+    displayName: string;
+};
+export { Progress, IProgressProps };

package/controls/Progress/Progress.js

@@ -76,5 +76,6 @@ var Progress = function (_a) {
     var _b = _a.thickness, thickness = _b === void 0 ? 5 : _b, _c = _a.numbered, numbered = _c === void 0 ? false : _c, _d = _a.padded, padded = _d === void 0 ? false : _d, props = __rest(_a, ["thickness", "numbered", "padded"]);
     return React.createElement(ProgressStyled, __assign({ thickness: thickness, numbered: numbered, padded: padded }, props));
 };
+Progress.displayName = 'Progress';
 export { Progress };
 var templateObject_1, templateObject_2, templateObject_3;

package/controls/SecondaryButton/SecondaryButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IIconProps } from '../Icon';
-interface IProps {
+interface ISecondaryButtonProps {
     /** @ignore */
     className?: string;
     /**
@@ -55,7 +55,7 @@ interface IProps {
  * A `disabled` button cannot be clicked at all.
  */
 declare const SecondaryButton: {
-    ({ disabled, positive, negative, ...props }: IProps): React.JSX.Element;
+    ({ disabled, positive, negative, ...props }: ISecondaryButtonProps): React.JSX.Element;
     displayName: string;
 };
-export { SecondaryButton, IProps };
+export { SecondaryButton, ISecondaryButtonProps };

package/controls/TabBar/Tab.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface ITabProps {
     /** @ignore */
     className?: string;
     /** @ignore */
@@ -17,5 +17,5 @@ interface IProps {
      */
     onClick?: () => void;
 }
-declare const Tab: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
-export { Tab, IProps };
+declare const Tab: React.ForwardRefExoticComponent<ITabProps & React.RefAttributes<HTMLDivElement>>;
+export { Tab, ITabProps };

package/controls/TabBar/TabBar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Tab } from './Tab';
-interface IProps {
+interface ITabBarProps {
     /** @ignore */
     className?: string;
     /**
@@ -38,8 +38,8 @@ interface IProps {
  * This is just a `TabBar`; if you need tabs and panes, use the `Tab` container.
  */
 declare const TabBar: {
-    ({ active, ...props }: IProps): React.JSX.Element;
-    Tab: React.ForwardRefExoticComponent<import("./Tab").IProps & React.RefAttributes<HTMLDivElement>>;
+    ({ active, ...props }: ITabBarProps): React.JSX.Element;
+    Tab: React.ForwardRefExoticComponent<import("./Tab").ITabProps & React.RefAttributes<HTMLDivElement>>;
     displayName: string;
 };
-export { TabBar };
+export { TabBar, ITabBarProps };

package/controls/TabBar/Underliner.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-interface IProps {
+interface IUnderlinerProps {
     /** @ignore */
     className?: string;
 }
-declare const Underliner: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
+declare const Underliner: React.ForwardRefExoticComponent<IUnderlinerProps & React.RefAttributes<HTMLDivElement>>;
 export { Underliner };

package/controls/TabBar/Underliner.js

@@ -22,7 +22,9 @@ var UnderlinerBase = React.forwardRef(function (props, ref) {
  * Underliner passes a reference to itself back to its parent.
  */
 var UnderlinerStyled = styled(UnderlinerBase)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  // Position and size:\n  position: absolute;\n  left: 0;\n  top: 38px;\n  width: 0px;\n  height: 0px;\n  // Appearance:\n  border-top: solid 4px ", ";\n  box-sizing: border-box;\n  transition: transform ease .3s, width ease .3s;\n"], ["\n  // Position and size:\n  position: absolute;\n  left: 0;\n  top: 38px;\n  width: 0px;\n  height: 0px;\n  // Appearance:\n  border-top: solid 4px ", ";\n  box-sizing: border-box;\n  transition: transform ease .3s, width ease .3s;\n"])), function (p) { return p.theme.colors.primary[1]; });
-var Underliner = React.forwardRef(function (props, ref) { return React.createElement(UnderlinerStyled, __assign({ ref: ref }, props)); });
+var Underliner = React.forwardRef(function (props, ref) {
+    return React.createElement(UnderlinerStyled, __assign({ ref: ref }, props));
+});
 Underliner.displayName = "Underliner";
 export { Underliner };
 var templateObject_1;

package/controls/TertiaryButton/TertiaryButton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface ITertiaryButtonProps {
     /** @ignore */
     className?: string;
     /** Button content. Can be JSX. */
@@ -26,7 +26,7 @@ interface IProps {
  * could force one in).
  */
 declare const TertiaryButton: {
-    ({ disabled, ...props }: IProps): React.JSX.Element;
+    ({ disabled, ...props }: ITertiaryButtonProps): React.JSX.Element;
     displayName: string;
 };
-export { TertiaryButton, IProps };
+export { TertiaryButton, ITertiaryButtonProps };

package/controls/View/View.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IViewProps {
     /** @ignore */
     className?: string;
     /**
@@ -57,7 +57,7 @@ interface IProps {
  * ```
  */
 declare const View: {
-    ({ ghost, ...props }: IProps): React.JSX.Element;
+    ({ ghost, ...props }: IViewProps): React.JSX.Element;
     displayName: string;
 };
-export { View, IProps };
+export { View, IViewProps };

package/inputs/DateInput/DateInput.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface IProps {
+interface IDateInputProps {
     /** @ignore */
     className?: string;
     /**
@@ -65,5 +65,8 @@ interface IProps {
      */
     onFocus?: () => void;
 }
-declare const DateInput: ({ direction, noTabIndex, disabled, transparent, fluid, error, clearable, nofuture, ...props }: IProps) => React.JSX.Element;
-export { DateInput, IProps };
+declare const DateInput: {
+    ({ direction, noTabIndex, disabled, transparent, fluid, error, clearable, nofuture, ...props }: IDateInputProps): React.JSX.Element;
+    displayName: string;
+};
+export { DateInput, IDateInputProps };