@botonic/react 0.31.0-alpha.2 → 0.31.0-alpha.4

package/lib/cjs/webchat/webchat-typed/styles.d.ts

@@ -0,0 +1,7 @@
+export declare const StyledWebchat: import("styled-components").StyledComponent<"div", any, {
+    height: string;
+    width: string;
+}, never>;
+export declare const ErrorMessageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ErrorMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DarkBackgroundMenu: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/cjs/webchat/webchat-typed/styles.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DarkBackgroundMenu = exports.ErrorMessage = exports.ErrorMessageContainer = exports.StyledWebchat = void 0;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const constants_1 = require("../../constants");
+exports.StyledWebchat = styled_components_1.default.div `
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  width: ${props => props.width}px;
+  height: ${props => props.height}px;
+  margin: auto;
+  background-color: ${constants_1.COLORS.SOLID_WHITE};
+  border-radius: 10px;
+  box-shadow: ${constants_1.COLORS.SOLID_BLACK_ALPHA_0_2} 0px 0px 12px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  overflow: hidden;
+`;
+exports.ErrorMessageContainer = styled_components_1.default.div `
+  position: relative;
+  display: flex;
+  z-index: 1;
+  justify-content: center;
+  width: 100%;
+`;
+exports.ErrorMessage = styled_components_1.default.div `
+  position: absolute;
+  top: 10px;
+  font-size: 14px;
+  line-height: 20px;
+  padding: 4px 11px;
+  display: flex;
+  background-color: ${constants_1.COLORS.ERROR_RED};
+  color: ${constants_1.COLORS.CONCRETE_WHITE};
+  border-radius: 5px;
+  align-items: center;
+  justify-content: center;
+  font-family: ${constants_1.WEBCHAT.DEFAULTS.FONT_FAMILY};
+`;
+exports.DarkBackgroundMenu = styled_components_1.default.div `
+  background: ${constants_1.COLORS.SOLID_BLACK};
+  opacity: 0.3;
+  z-index: 1;
+  right: 0;
+  bottom: 0;
+  border-radius: 10px;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+`;
+//# sourceMappingURL=styles.js.map

package/lib/cjs/webchat/webchat-typed/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/webchat-typed/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAiD;AAEpC,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAmC;;;;WAI/D,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;YACnB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM;;sBAEX,kBAAM,CAAC,WAAW;;gBAExB,kBAAM,CAAC,qBAAqB;;;;;CAK3C,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAM9C,CAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;sBAOhB,kBAAM,CAAC,SAAS;WAC3B,kBAAM,CAAC,cAAc;;;;iBAIf,mBAAO,CAAC,QAAQ,CAAC,WAAW;CAC5C,CAAA;AAEY,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;gBAC5B,kBAAM,CAAC,WAAW;;;;;;;;;CASjC,CAAA"}