@botpress/webchat 0.5.0 → 0.5.2

package/dist/components/common/BotInfo/style.scss

@@ -1,88 +0,0 @@
-// TODO: This seems completely outdated. Does not match classes used by the component
-
-@mixin bottomBorder() {
-  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
-}
-
-$charcoal: #1e1e1e;
-
-// Fix for IE which has trouble with the max-width property
-@media only screen and (min-width: 800px) {
-  .bot-info-container {
-    width: 800px;
-  }
-}
-
-.bot-info-container {
-  margin: 0 auto;
-  max-width: 800px;
-  text-align: center;
-  color: $charcoal;
-  overflow-y: auto;
-  svg {
-    fill: $charcoal;
-  }
-  & > img {
-    width: 100%;
-  }
-  p,
-  a,
-  button {
-    font-size: 0.9em;
-    color: rgb(102, 102, 102);
-    text-decoration: none;
-  }
-}
-
-.summary {
-  margin-top: -32px;
-  @include bottomBorder();
-  box-shadow: 0px 4px 5px -5px #ccc;
-  h3 {
-    margin: 0;
-  }
-  p {
-    margin-top: 0.4em;
-    margin-block-end: 1em;
-  }
-}
-
-.links {
-  @include bottomBorder();
-}
-
-.icon-link {
-  padding-left: 25%;
-  display: flex;
-  margin: 20px 0;
-  i {
-    margin-right: 10px;
-  }
-}
-
-.terms {
-  padding: 0px 20px;
-  text-align: left;
-  a {
-    display: inline-block;
-    width: 100%;
-    line-height: 2.5;
-    @include bottomBorder();
-  }
-}
-
-.startBtn {
-  font: inherit;
-  color: inherit;
-  background-color: transparent;
-  cursor: pointer;
-  border-radius: 20px;
-  line-height: 24px;
-  padding: 5px 10px;
-  margin-top: 25px;
-  border: 1px solid rgb(100, 100, 100);
-  &:focus {
-    border: 1px solid black;
-    color: black;
-  }
-}

package/dist/components/common/ConfirmDialog/style.module.scss

@@ -1,48 +0,0 @@
-@import '../variables.scss';
-
-.ConfirmDialogContainer > div {
-  z-index: 9999;
-
-  :global {
-    .bp3-button-text {
-      font-size: 12px !important;
-    }
-
-    .bp3-dialog-body {
-      display: flex;
-    }
-
-    .bp3-button {
-      box-shadow: unset !important;
-      background-image: unset !important;
-      border-radius: 5px !important;
-      padding-top: 6px;
-    }
-
-    .bp3-button.bp3-intent-warning {
-      background-color: var(--lighthouse);
-
-      &:hover {
-        background-color: var(--hover-lighthouse);
-      }
-
-      &:focus {
-        background-color: var(--focus-lighthouse);
-      }
-    }
-
-    .bp3-button:not([class*='bp3-intent']) {
-      background-color: white;
-
-      &:hover,
-      &:focus {
-        background-color: var(--seashell);
-      }
-    }
-  }
-}
-
-.icon {
-  margin-right: 16px;
-  color: var(--lighthouse) !important;
-}

package/dist/components/common/Dialog/style.module.scss

@@ -1,29 +0,0 @@
-:global(.bp3-dialog-container) {
-  height: 100%;
-}
-
-.dialog {
-  max-height: 90%;
-  background-color: white !important;
-  overflow-y: auto;
-
-  .form,
-  :global(.bp3-dialog-body) {
-    overflow: auto;
-    height: calc(100% - 34px);
-  }
-
-  :global {
-    .bp3-button {
-      transition: color 0.3s, background 0.3s;
-    }
-  }
-}
-
-.dialogBody {
-  position: relative;
-  margin: 0 !important;
-  padding: 20px !important;
-  padding-bottom: 6px !important;
-  overflow: auto;
-}

package/dist/components/common/ToolTip/style.module.scss

@@ -1,108 +0,0 @@
-@import '../variables.scss';
-
-.tooltip {
-  position: fixed;
-  font-style: normal;
-  font-weight: 400;
-  letter-spacing: normal;
-  line-height: 1.25;
-  text-align: left;
-  text-shadow: none;
-  text-transform: none;
-  white-space: normal;
-  word-break: normal;
-  word-spacing: normal;
-  word-wrap: normal;
-  font-size: 12px;
-  opacity: 0;
-  visibility: hidden;
-  z-index: 99999999;
-  transition: opacity 0.3s, visibility 0.3s;
-
-  &.visible {
-    opacity: 1;
-    visibility: visible;
-  }
-
-  &.hidden {
-    opacity: 0;
-    visibility: hidden;
-  }
-
-  &:global {
-    &.right:not(.top):not(.bottom) {
-      margin-left: 5px;
-
-      .tooltipArrow {
-        top: 50%;
-        left: auto;
-        margin-left: -5px;
-        border-width: 5px 5px 5px 0;
-        border-right-color: var(--reef);
-      }
-    }
-
-    &.left:not(.top):not(.bottom) {
-      margin-left: -5px;
-
-      .tooltipArrow {
-        top: 50%;
-        margin-top: -5px;
-        border-width: 5px 0 5px 5px;
-        border-left-color: var(--reef);
-        right: -5px;
-        left: auto;
-      }
-    }
-
-    &.top {
-      margin-top: -5px;
-
-      .tooltipArrow {
-        top: auto;
-        bottom: -5px;
-        left: 50%;
-        margin-left: -5px;
-        border-width: 5px 5px 0;
-        border-top-color: var(--reef);
-      }
-    }
-
-    &.bottom {
-      margin-top: 5px;
-
-      .tooltipArrow {
-        top: 0;
-        left: 50%;
-        margin-left: -5px;
-        border-width: 0 5px 5px;
-        border-bottom-color: var(--reef);
-      }
-    }
-  }
-  :global {
-    .tooltipArrow {
-      top: 50%;
-      left: 0;
-      margin-top: -5px;
-      border-width: 5px 5px 5px 0;
-      border-right-color: var(--reef);
-      position: absolute;
-      width: 0;
-      height: 0;
-      border-color: transparent;
-      border-right-color: transparent;
-      border-style: solid;
-    }
-
-    .tooltipInner {
-      background: var(--reef);
-      border-radius: 3px;
-      color: #fff;
-      max-width: 400px;
-      padding: 5px 8px !important;
-      text-align: center;
-      white-space: nowrap;
-    }
-  }
-}

package/dist/components/common/variables.scss

@@ -1,38 +0,0 @@
-:root {
-  --main-bg-color: #ffffff;
-  --main-bg-color-hover: rgba(255, 255, 255, 0.9);
-  --main-fg-color: #000000;
-  --main-fg-color-hover: rgba(0, 0, 0, 0.07);
-
-  --white: #ffffff;
-  --bg: #f5f6f8;
-  --seashell: #e2e2e2;
-  --gray: #bec5c9;
-  --reef: #5c7080;
-  --shark: #1a1e22;
-  --overlay: rgba(26, 30, 34, 0.8);
-  --success: #019d90;
-  --say: #a4ded0;
-  --trigger: #ffe5b4;
-  --execute: #b0c4de;
-  --listen: #ffe699;
-  --prompt: #e2c7e0;
-  --standard: #000000;
-  --skill-call: #0000ff;
-  --if-else: #febbad;
-  --lighthouse: #f66f48;
-  --focus-lighthouse: #e06542;
-  --hover-lighthouse: #f39c82;
-  --hover-lighthouse-30: #f9ddd5;
-  --ocean: #3276ea;
-  --hover-ocean: #cad7f5;
-
-  --spacing-x-small: 2px;
-  --spacing-small: 4px;
-  --spacing-medium: 8px;
-  --spacing-large: 12px;
-  --spacing-x-large: 16px;
-  --spacing-xx-large: 20px;
-  --spacing-xxx-large: 24px;
-  --spacing-xxxx-large: 28px;
-}