@elliemae/ds-chat 2.0.0-rc.2 → 2.0.0-rc.6

package/cjs/parts/bubble/ChatBubbleArrow.js

@@ -22,7 +22,7 @@ const ChatBubbleArrow = _ref => {
     viewBox: "0 0 15 14"
   }, void 0, /*#__PURE__*/_jsx__default["default"]("defs", {}, void 0, /*#__PURE__*/_jsx__default["default"]("path", {
     d: "M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z",
-    id: "path-1"
+    id: "path-chat-bubble"
   }), /*#__PURE__*/_jsx__default["default"]("filter", {
     x: "-55.6%",
     y: "-50.0%",
@@ -56,11 +56,11 @@ const ChatBubbleArrow = _ref => {
     fill: "black",
     fillOpacity: "1",
     filter: "url(#filter-2)",
-    xlinkHref: "#path-1"
+    xlinkHref: "#path-chat-bubble"
   }), /*#__PURE__*/_jsx__default["default"]("use", {
     fill: "#FFFFFF",
     fillRule: "evenodd",
-    xlinkHref: "#path-1"
+    xlinkHref: "#path-chat-bubble"
   }))))) : _svg2 || (_svg2 = /*#__PURE__*/_jsx__default["default"]("svg", {
     width: "9px",
     height: "8px",

package/cjs/parts/chat-container/ChatContainer.js

@@ -35,10 +35,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const ChatContainer = props => {
+const ChatContainer = props$1 => {
   var _containerRef$current;
 
-  useValidateProps.useValidateProps(props, ChatContainerWithSchema.toTypescript());
+  useValidateProps.useValidateProps(props$1, props.containerProps);
   const {
     sendingText,
     sendingMessages,
@@ -57,7 +57,7 @@ const ChatContainer = props => {
     hasMoreItems,
     getMoreMessages,
     ariaLabel
-  } = props;
+  } = props$1;
   const bannerRef = React__default["default"].useRef({
     focusOnWrapper: lodash.noop,
     focusOnLink: lodash.noop

package/cjs/parts/chat-container/config/useValidateProps.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
-const useValidateProps = (props, schema) => {
-  dsPropsHelpers.useValidateTypescriptPropTypes(props, schema);
+const useValidateProps = (props, propTypes) => {
+  dsPropsHelpers.useValidateTypescriptPropTypes(props, propTypes);
 };
 
 exports.useValidateProps = useValidateProps;

package/cjs/parts/chat-container-messages-list/ChatContainerMessagesList.js

@@ -46,8 +46,8 @@ const getPadding = hasMoreItems => {
   return padding;
 };
 
-const ChatContainerMessagesList = props => {
-  useValidateProps.useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());
+const ChatContainerMessagesList = props$2 => {
+  useValidateProps.useValidateProps(props$2, props.listProps);
   const {
     sendingText,
     bannerPosition,
@@ -59,7 +59,7 @@ const ChatContainerMessagesList = props => {
     hasMoreItems,
     isLoading,
     bannerRef
-  } = props;
+  } = props$2;
   const loadMoreRef = React__default["default"].useRef(null);
   const virtualListRef = React__default["default"].useRef(); // estimateSize should not be really required given what was stated on
   // https://github.com/tannerlinsley/react-virtual/issues/23

package/cjs/parts/chat-container-messages-list/config/useValidateProps.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 
-const useValidateProps = (props, schema) => {
-  dsPropsHelpers.useValidateTypescriptPropTypes(props, schema);
+const useValidateProps = (props, propTypes) => {
+  dsPropsHelpers.useValidateTypescriptPropTypes(props, propTypes);
 };
 
 exports.useValidateProps = useValidateProps;

package/cjs/parts/tile-button/styled.js

@@ -2,14 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var styled = require('styled-components');
+var dsSystem = require('@elliemae/ds-system');
 var dsGrid = require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-/* eslint-disable indent */
+var _templateObject;
 const MIN_WIDTH_SIDEBAR = 48;
 const BUTTON_SIDEBAR_HEIGHT = 48; // Buttons
 
@@ -72,7 +75,7 @@ const StyledTileButton = /*#__PURE__*/styled__default["default"].button.withConf
   }
 }, StyledWrapperLeftBorder, props => props.theme.colors.brand[800], StyledTileButtonLabel, props => props.theme.colors.neutral[600], props => props.theme.colors.brand[800], props => props.theme.colors.neutral['050'], StyledWrapperLeftBorder, props => props.theme.colors.brand[600], StyledTileButtonLabel, props => props.theme.colors.neutral[600], props => props.theme.colors.brand[600], StyledStatusBadge, props => props.theme.colors.neutral['050'], props => props.theme.colors.neutral['080'], StyledWrapperLeftBorder, props => props.theme.colors.neutral['400'], StyledStatusBadge, props => props.theme.colors.neutral['500'], props => props.theme.colors.neutral['080'], StyledTileButtonIcon, props => props.theme.colors.neutral[400], StyledTileButtonLabel, props => props.theme.colors.neutral[400], props => {
   if (props.selected) {
-    return styled.css(["& ", "{background:", ";}"], StyledWrapperLeftBorder, nestedProps => nestedProps.theme.colors.brand[600]);
+    return dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n        & ", " {\n          background: ", ";\n        }\n      "])), StyledWrapperLeftBorder, nestedProps => nestedProps.theme.colors.brand[600]);
   }
 
   return '';

package/esm/parts/bubble/ChatBubbleArrow.js

@@ -14,7 +14,7 @@ const ChatBubbleArrow = _ref => {
     viewBox: "0 0 15 14"
   }, void 0, /*#__PURE__*/_jsx("defs", {}, void 0, /*#__PURE__*/_jsx("path", {
     d: "M12,8.5 C12,7.9373169 11.6782751,7.4856453 11.2282104,7.196228 C11.2286673,7.1967363 3,2 3,2 L3,10 L10.5627441,10 L10.5658569,9.9933472 C11.3630371,9.9580688 12,9.3058472 12,8.5 Z",
-    id: "path-1"
+    id: "path-chat-bubble"
   }), /*#__PURE__*/_jsx("filter", {
     x: "-55.6%",
     y: "-50.0%",
@@ -48,11 +48,11 @@ const ChatBubbleArrow = _ref => {
     fill: "black",
     fillOpacity: "1",
     filter: "url(#filter-2)",
-    xlinkHref: "#path-1"
+    xlinkHref: "#path-chat-bubble"
   }), /*#__PURE__*/_jsx("use", {
     fill: "#FFFFFF",
     fillRule: "evenodd",
-    xlinkHref: "#path-1"
+    xlinkHref: "#path-chat-bubble"
   }))))) : _svg2 || (_svg2 = /*#__PURE__*/_jsx("svg", {
     width: "9px",
     height: "8px",

package/esm/parts/chat-container/ChatContainer.js

@@ -26,7 +26,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const ChatContainer = props => {
   var _containerRef$current;
 
-  useValidateProps(props, ChatContainerWithSchema.toTypescript());
+  useValidateProps(props, containerProps);
   const {
     sendingText,
     sendingMessages,

package/esm/parts/chat-container/config/useValidateProps.js

@@ -1,7 +1,7 @@
 import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
 
-const useValidateProps = (props, schema) => {
-  useValidateTypescriptPropTypes(props, schema);
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes);
 };
 
 export { useValidateProps };

package/esm/parts/chat-container-messages-list/ChatContainerMessagesList.js

@@ -36,7 +36,7 @@ const getPadding = hasMoreItems => {
 };
 
 const ChatContainerMessagesList = props => {
-  useValidateProps(props, ChatContainerMessagesListWithSchema.toTypescript());
+  useValidateProps(props, listProps);
   const {
     sendingText,
     bannerPosition,

package/esm/parts/chat-container-messages-list/config/useValidateProps.js

@@ -1,7 +1,7 @@
 import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
 
-const useValidateProps = (props, schema) => {
-  useValidateTypescriptPropTypes(props, schema);
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes);
 };
 
 export { useValidateProps };

package/esm/parts/tile-button/styled.js

@@ -1,7 +1,9 @@
-import styled, { css } from 'styled-components';
+import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
+import styled from 'styled-components';
+import { css } from '@elliemae/ds-system';
 import { Grid } from '@elliemae/ds-grid';
 
-/* eslint-disable indent */
+var _templateObject;
 const MIN_WIDTH_SIDEBAR = 48;
 const BUTTON_SIDEBAR_HEIGHT = 48; // Buttons
 
@@ -64,7 +66,7 @@ const StyledTileButton = /*#__PURE__*/styled.button.withConfig({
   }
 }, StyledWrapperLeftBorder, props => props.theme.colors.brand[800], StyledTileButtonLabel, props => props.theme.colors.neutral[600], props => props.theme.colors.brand[800], props => props.theme.colors.neutral['050'], StyledWrapperLeftBorder, props => props.theme.colors.brand[600], StyledTileButtonLabel, props => props.theme.colors.neutral[600], props => props.theme.colors.brand[600], StyledStatusBadge, props => props.theme.colors.neutral['050'], props => props.theme.colors.neutral['080'], StyledWrapperLeftBorder, props => props.theme.colors.neutral['400'], StyledStatusBadge, props => props.theme.colors.neutral['500'], props => props.theme.colors.neutral['080'], StyledTileButtonIcon, props => props.theme.colors.neutral[400], StyledTileButtonLabel, props => props.theme.colors.neutral[400], props => {
   if (props.selected) {
-    return css(["& ", "{background:", ";}"], StyledWrapperLeftBorder, nestedProps => nestedProps.theme.colors.brand[600]);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        & ", " {\n          background: ", ";\n        }\n      "])), StyledWrapperLeftBorder, nestedProps => nestedProps.theme.colors.brand[600]);
   }
 
   return '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-chat",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.0-rc.6",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Chat",
   "module": "./esm/index.js",
@@ -305,14 +305,14 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-banner": "2.0.0-rc.2",
-    "@elliemae/ds-basic": "2.0.0-rc.2",
-    "@elliemae/ds-button": "2.0.0-rc.2",
-    "@elliemae/ds-grid": "2.0.0-rc.2",
-    "@elliemae/ds-icons": "2.0.0-rc.2",
-    "@elliemae/ds-props-helpers": "2.0.0-rc.2",
-    "@elliemae/ds-tooltip": "2.0.0-rc.2",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.2",
+    "@elliemae/ds-banner": "2.0.0-rc.6",
+    "@elliemae/ds-basic": "2.0.0-rc.6",
+    "@elliemae/ds-button": "2.0.0-rc.6",
+    "@elliemae/ds-grid": "2.0.0-rc.6",
+    "@elliemae/ds-icons": "2.0.0-rc.6",
+    "@elliemae/ds-props-helpers": "2.0.0-rc.6",
+    "@elliemae/ds-tooltip": "2.0.0-rc.6",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.6",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.2",
     "react-virtual": "~2.3.2"

package/types/parts/bubble/styled.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, any, never>;
-export declare const StyledTitleBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTitleLeftBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTitleRightBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyleBodyWrapper: import("styled-components").StyledComponent<"div", any, any, never>;
-export declare const StyleErrorMessage: import("styled-components").StyledComponent<"div", any, any, never>;
-export declare const StyleHelpMessage: import("styled-components").StyledComponent<"div", any, any, never>;
-export declare const StyledBubbleArrow: import("styled-components").StyledComponent<"div", any, any, never>;
-export declare const StyledColoredBubble: import("styled-components").StyledComponent<"div", any, any, never>;
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
+export declare const StyledTitleBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTitleLeftBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTitleRightBubble: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyleBodyWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
+export declare const StyleErrorMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
+export declare const StyleHelpMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
+export declare const StyledBubbleArrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;
+export declare const StyledColoredBubble: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, any, never>;

package/types/parts/chat-card/styled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const MainContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Title: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const Content: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const Time: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const RightAddon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const MainContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const Time: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const RightAddon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/parts/chat-composer/styled.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const StyledChatContainerContentComposer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledComposerInput: import("styled-components").StyledComponent<"textarea", any, any, never>;
+export declare const StyledChatContainerContentComposer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledComposerInput: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, any, never>;
 export declare const StyledComposerButton: import("styled-components").StyledComponent<{
     ({ innerRef, disabled, buttonType, fluidWidth, size, labelText, icon, onBlur, onClick, onKeyPress, leftIcon, tabIndex, variant, intent, containerProps, className, as: Component, type, ...rest }: {
         [x: string]: any;
@@ -59,6 +59,6 @@ export declare const StyledComposerButton: import("styled-components").StyledCom
         onClick: any;
         onKeyPress: any;
     };
-}, any, {}, never>;
-export declare const StyledCounterArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledCounterErrorA11y: import("styled-components").StyledComponent<"span", any, {}, never>;
+}, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCounterArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCounterErrorA11y: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/types/parts/chat-container/config/useValidateProps.d.ts

@@ -1,2 +1,2 @@
 import { ChatContainerProps } from '../props';
-export declare const useValidateProps: (props: ChatContainerProps, schema: unknown) => void;
+export declare const useValidateProps: (props: ChatContainerProps, propTypes: unknown) => void;

package/types/parts/chat-container/styled.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export declare const CONTAINER_WIDTH = 300;
-export declare const StyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledIndicatorContainer: import("styled-components").StyledComponent<"div", any, {
-    isLoading?: "bottom" | "top" | undefined;
+export declare const StyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIndicatorContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isLoading?: "top" | "bottom" | undefined;
     linear?: boolean | undefined;
 }, never>;
-export declare const MobileStyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const MobileStyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/parts/chat-container-header/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledChatContainerContentHeaderActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledChatContainerContentHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledChatContainerContentHeaderLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledChatContainerContentHeaderActions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledChatContainerContentHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledChatContainerContentHeaderLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/parts/chat-container-messages-list/config/useValidateProps.d.ts

@@ -1,2 +1,2 @@
 import { ChatContainerMessagesListProps } from '../props';
-export declare const useValidateProps: (props: ChatContainerMessagesListProps, schema: unknown) => void;
+export declare const useValidateProps: (props: ChatContainerMessagesListProps, propTypes: unknown) => void;

package/types/parts/chat-container-messages-list/styled.d.ts

@@ -1,11 +1,11 @@
 import { BubbleProps } from '../bubble/props';
-export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledWrapperListItem: import("styled-components").StyledComponent<"div", any, Partial<BubbleProps>, never>;
-export declare const StyledChatContainerContentList: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledChatContainerContentListScroll: import("styled-components").StyledComponent<"div", any, {
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledWrapperListItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Partial<BubbleProps>, never>;
+export declare const StyledChatContainerContentList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledChatContainerContentListScroll: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     height: string;
 }, never>;
-export declare const StyledLoadMoreContainer: import("styled-components").StyledComponent<"div", any, {
-    hasMoreItems?: "bottom" | "top" | undefined;
+export declare const StyledLoadMoreContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    hasMoreItems?: "top" | "bottom" | undefined;
 }, never>;
-export declare const ListItem: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ListItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/parts/chat-empty-state/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const CONTAINER_WIDTH = 300;
-export declare const ChatEmptyStateWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const MessageWrapper: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const ChatEmptyStateWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const MessageWrapper: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;

package/types/parts/chat-sidebar/styled.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const StyledSideBarContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledSideBarButtonsContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledSideBarContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSideBarButtonsContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/parts/floating-button/styled.d.ts

@@ -1 +1 @@
-export declare const StyledFloatingButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const StyledFloatingButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

package/types/parts/floating-container/styled.d.ts

@@ -1 +1 @@
-export declare const StyledFloatingContainer: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+export declare const StyledFloatingContainer: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/types/parts/grid-influencer/styled.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-export declare const StyledChatContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledChatContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledChatContainerContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/types/parts/message-delimiter/styled.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { MessageDelimiterProps } from './props';
-declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-declare const Line: import("styled-components").StyledComponent<"span", any, {}, never>;
-declare const Text: import("styled-components").StyledComponent<"p", any, Pick<MessageDelimiterProps, "size" | "verticalMargin">, never>;
+declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+declare const Line: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+declare const Text: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, Pick<MessageDelimiterProps, "size" | "verticalMargin">, never>;
 export { Wrapper, Line, Text };

package/types/parts/sidebar-button/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledSidebarButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const StyledSidebarButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledSidebarButtonLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSidebarButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSidebarButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSidebarButtonLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/parts/system-message/style.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-declare const Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-declare const Title: import("styled-components").StyledComponent<"p", any, any, never>;
-declare const Time: import("styled-components").StyledComponent<"p", any, any, never>;
-declare const Message: import("styled-components").StyledComponent<"p", any, any, never>;
+declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+declare const Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+declare const Title: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, any, never>;
+declare const Time: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, any, never>;
+declare const Message: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, any, never>;
 export { Wrapper, Header, Title, Time, Message };

package/types/parts/tile-button/styled.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { TileButtonProps } from './props';
-export declare const StyledWrapperLeftBorder: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledStatusBadge: import("styled-components").StyledComponent<"div", any, Partial<TileButtonProps>, never>;
-export declare const StyledWrapperCentralContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTileButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTileButtonLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CloseButton: import("styled-components").StyledComponent<"button", any, any, never>;
-export declare const StyledTooltipV3ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTileButton: import("styled-components").StyledComponent<"button", any, Partial<TileButtonProps>, never>;
-export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledWrapperLeftBorder: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledStatusBadge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Partial<TileButtonProps>, never>;
+export declare const StyledWrapperCentralContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTileButtonIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTileButtonLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, any, never>;
+export declare const StyledTooltipV3ButtonWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTileButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, Partial<TileButtonProps>, never>;
+export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;