quickblox-react-ui-kit 0.3.0-beta.2 → 0.3.0-beta.4

package/storybook-static/static/css/Presentation-ui-components-Dropdown-Dropdown-stories.66965d64.chunk.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/css/Presentation-ui-components-Dropdown-Dropdown-stories.66965d64.chunk.css","mappings":"AAEA;AEFA;ACEA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Dropdown/Dropdown.scss","webpack://quickblox-react-ui-kit/./src/Presentation/themes/styles/_mixins.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Loader/Loader.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Button/Button.scss"],"sourcesContent":["@import '../../themes/styles/mixins';\n\n.dropdown {\n  width: 100%;\n  height: 100%;\n  position: relative;\n\n  @include applyBorderBox;\n\n  &__toggle {\n    width: 100%;\n    height: 100%;\n    background: none;\n    border: none;\n    color: inherit;\n    font: inherit;\n    line-height: normal;\n    overflow: visible;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    outline: none;\n  }\n\n  &__menu {\n    background-color: var(--main-background);\n    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04),\n      0 3px 14px 0 rgba(0, 0, 0, 0.08);\n    border-radius: 4px;\n\n    padding: 8px 0px;\n    margin: 0;\n    z-index: 100;\n    position: absolute;\n    overflow: hidden;\n    list-style-type: none;\n    display: none;\n\n    &--topRight {\n      bottom: 100%;\n    }\n\n    &--left {\n      top: 50%;\n      transform: translateY(-50%);\n      right: 100%;\n    }\n\n    &--opened {\n      display: block;\n    }\n  }\n\n  &__option {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    font-family: 'Roboto';\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 20px;\n    letter-spacing: 0.25px;\n\n    height: 32px;\n    width: 135px;\n    padding: 4px 16px;\n\n    cursor: pointer;\n  }\n\n  &__label {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 3px;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n",".loader {\n  &--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &--md {\n    width: 48px;\n    height: 48px;\n  }\n\n  &--lg {\n    width: 52px;\n    height: 52px;\n  }\n\n  animation: rotate 1s infinite linear;\n\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n","@import '../../themes/styles/mixins';\n\n.button {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 8px 16px;\n\n  height: 32px;\n\n  border-radius: 4px;\n\n  flex: none;\n  order: 1;\n  flex-grow: 0;\n\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 16px;\n  letter-spacing: 0.4px;\n\n  cursor: pointer;\n  border: none;\n  outline: none;\n  @include applyBorderBox;\n\n  &--default {\n    color: var(--secondary-background);\n    background-color: var(--main-elements);\n\n    &:hover {\n      background-color: var(--color-default-hover);\n    }\n\n    &:focus {\n      outline: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      background-color: var(--color-default-hover);\n      color: var(--color-background-info);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      background-color: var(--disabled-elements);\n      color: var(--secondary-text);\n    }\n  }\n\n  &--outlined {\n    background-color: inherit;\n    border: 1px solid var(--main-elements);\n    color: var(--main-elements);\n\n    &:hover {\n      background-color: var(--outgoing-background);\n    }\n\n    &:focus {\n      border: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      border: 1px solid var(--main-elements);\n      color: var(--main-elements);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      border: 1px solid var(--disabled-elements);\n      color: var(--disabled-elements);\n    }\n  }\n\n  &--danger {\n    background-color: var(--error);\n    color: var(--secondary-background);\n\n    &:focus {\n      outline: 2px solid var(--error-secondary);\n    }\n\n    &:active {\n      color: var(--error-secondary);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      background-color: var(--disabled-elements);\n      color: var(--secondary-text);\n    }\n  }\n\n  &--text {\n    background-color: inherit;\n    color: var(--main-elements);\n\n    &:focus {\n      outline: 2px solid var(--color-background-info);\n    }\n\n    &:active {\n      color: var(--color-default-hover);\n    }\n\n    &.button--disabled {\n      cursor: not-allowed;\n      color: var(--disabled-elements);\n    }\n  }\n\n  &__loader {\n    &--default {\n      fill: var(--secondary-background);\n    }\n\n    &--outlined {\n      fill: var(--main-elements);\n    }\n\n    &--danger {\n      fill: var(--secondary-background);\n    }\n\n    &--text {\n      fill: var(--disabled-elements);\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-MessageInput-MessageInput-stories.0e99d80b.chunk.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/css/Presentation-ui-components-MessageInput-MessageInput-stories.0e99d80b.chunk.css","mappings":"AACA;ACCA;ACFA;ACAA;ACAA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/MessageInput/VoiceRecordingProgress/VoiceRecordingProgress.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/MessageInput/MessageInput.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Loader/Loader.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/MessageInput/ReplyMessagePreview/ReplyImagePreviewAttachment/ReplyImagePreviewAttachment.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/MessageInput/ReplyMessagePreview/ReplyMessagePreview.scss"],"sourcesContent":["$chat-message-text-min-height: 64px;\n.chat-message-text-container{\n  // border: 3px solid blue;\n  width: 100%;\n  height: 44px;\n  min-Height: 44px;\n  max-Height: $chat-message-text-min-height;\n  background-Color: var(--chat-input);\n  border-Radius: 4px;\n  padding-left: 16px;\n  padding-top: 8px;\n  line-height: 24px;\n  font-size: 16px;\n  margin: 0 auto;\n  resize: none;\n\n  //\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n\n  justify-content: flex-start;\n  align-items: center;\n\n  gap: 12px;\n  &__stop_record_button{\n    cursor: pointer;\n    border-radius: 50%;\n    background: var(--error);\n    min-height: 24px;\n    max-height: 24px;\n    height: 24px;\n    width: 24px;\n  }\n}\n","$message-view-container-header-min-height: 64px;\n$message-view-container-chat-input-min-height: 54px;\n.chat-container{\n  width: 100%;\n  &__icon{\n    width: 32px;\n    height: 32px;\n    fill: var(--input-elements);\n\n    svg path{\n      fill: var(--input-elements);\n    }\n  }\n  &__icon--mute{\n    fill: var(--disabled-elements);\n    svg path{\n      fill: var(--disabled-elements);\n    }\n  }\n  &__icon--red{\n    fill: var(--error);\n    svg path{\n      fill: var(--error);\n    }\n  }\n  &__loader{\n    fill: var(--color-background-info);\n\n    svg path{\n      fill: var(--color-background-info);\n    }\n  }\n}\n.chat-input{\n  &:disabled{\n    background-color: dimgrey;\n    color: linen;\n    opacity: 1;\n    cursor: not-allowed;\n  }\n  // border: 1px solid red;\n  //border-top: 1px solid var(--divider);\n  // flex: 1 1 $message-view-container-wrapper-min-width;\n  min-height: $message-view-container-chat-input-min-height;\n  max-height: calc(2 * $message-view-container-header-min-height + $message-view-container-chat-input-min-height);\n  height: $message-view-container-chat-input-min-height;\n\n  width: 100%;\n  display: flex;\n  //\n  flex-direction: row;\n  flex-wrap: nowrap;\n\n  justify-content: space-between;\n  align-items: center;\n  margin: 0 auto;\n  padding-left: 12px;\n  padding-right: 12px;\n  padding-bottom: 2px;\n\n  gap: 6px;\n\n  textarea{\n    // border: 3px solid blue;\n    width: 100%;\n    height: 44px;\n    min-Height: 44px;\n    max-Height: calc(2 * $message-view-container-header-min-height);\n    background-Color: var(--chat-input);\n    border-Radius: 4px;\n    padding-left: 16px;\n    padding-top: 8px;\n    // padding: 5px 5px;\n    // text-align: center;\n    //vertical-align: middle;\n    line-height: 24px;\n    font-size: 16px;\n    margin: 0 auto;\n    resize: none;\n  }\n\n}\n.input-text-message * {\n  box-sizing: border-box;\n}\n.input-text-message {\n  background: var(--chat-input);\n  border-radius: 4px;\n  //padding: 10px 8px 10px 16px;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: flex-end;\n  justify-content: flex-start;\n  flex: 1;\n  position: relative;\n}\n.type-message {\n  color: var(--field-border);\n  text-align: left;\n  font: var(--body-body-large);\n  position: relative;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n}\n.type-message textarea{\n  color: var(--input-elements);\n  font: var(--body-body-large);\n  border: none;\n  outline: none;\n}\n.right {\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  align-items: center;\n  justify-content: flex-end;\n  flex-shrink: 0;\n  position: relative;\n  margin-bottom: 5px;\n}\n",".loader {\n  &--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &--md {\n    width: 48px;\n    height: 48px;\n  }\n\n  &--lg {\n    width: 52px;\n    height: 52px;\n  }\n\n  animation: rotate 1s infinite linear;\n\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n",".reply-preview-image-body{\n  // border: 1px solid red;\n  //max-width: 44px;\n  //max-height: 44px;\n  //min-width: 44px;\n  //min-height: 44px;\n  //width: 44px;\n  //height: 44px;\n  //padding: 0;\n  //border-radius: 8px;\n  border-radius: 8px;\n  flex-shrink: 0;\n  width: 44px;\n  height: 44px;\n  position: relative;\n}\n",".reply-message-preview-row,\n.reply-message-preview-row * {\n  box-sizing: border-box;\n}\n.reply-message-preview-row {\n  padding: 10px 12px 10px 12px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  align-self: stretch;\n  flex-shrink: 0;\n  position: relative;\n}\n.reply-message-preview-row-card {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  justify-content: flex-start;\n  flex-shrink: 0;\n  position: relative;\n}\n.reply-message-preview-placeholder {\n  background: var(--incoming-background, #e4e6e8);\n  border-radius: 8px;\n  padding: 6px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-shrink: 0;\n  position: relative;\n}\n.reply-message-preview-placeholder-icon {\n  border-radius: 4px;\n  padding: 4px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  position: relative;\n}\n.reply-message-media-text-document {\n  align-self: stretch;\n  flex: 1;\n  position: relative;\n  overflow: visible;\n}\n.reply-message-preview-message {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  align-items: flex-start;\n  justify-content: center;\n  flex-shrink: 0;\n  position: relative;\n}\n.reply-message-preview-message-caption {\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-shrink: 0;\n  position: relative;\n}\n.reply-message-preview-message-caption-info {\n  display: flex;\n  flex-direction: row;\n  gap: 2px;\n  align-items: center;\n  justify-content: flex-start;\n  flex-shrink: 0;\n  position: relative;\n}\n.reply-message-preview-message-caption-info-icon {\n  border-radius: 4px;\n  display: flex;\n  flex-direction: row;\n  gap: 0px;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 16px;\n  height: 16px;\n  position: relative;\n}\n.actions-reply-filled {\n  align-self: stretch;\n  flex: 1;\n  position: relative;\n  overflow: visible;\n}\n.reply-message-preview-message-caption-info-replied-to-name {\n  color: var(--tertiary-elements, #636d78);\n  text-align: left;\n  font: var(--label-label-medium, 500 12px/16px \"Roboto\", sans-serif);\n  position: relative;\n}\n.reply-message-preview-message-caption-info-file {\n  color: var(--caption, #90979f);\n  text-align: center;\n  font: var(--body-body-small, 400 12px/16px \"Roboto\", sans-serif);\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.reply-message-preview-message-caption-info-text {\n  color: var(--main-text, #0b1b0f);\n  text-align: center;\n  font: var(--body-body-large, 400 16px/24px \"Roboto\", sans-serif);\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.reply-message-preview-message-navigation-close {\n  align-self: stretch;\n  // flex: 1;\n  position: relative;\n  overflow: visible;\n}\n.reply-message-icon{\n  width: 24px;\n  height: 24px;\n  cursor: pointer;\n  fill: var(--secondary-elements);\n\n  svg path{\n    fill: var(--secondary-elements);\n  }\n}\n"],"names":[],"sourceRoot":""}

package/storybook-static/static/css/Presentation-ui-components-Placeholder-Placeholder-stories.1ebf88ab.chunk.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/css/Presentation-ui-components-Placeholder-Placeholder-stories.1ebf88ab.chunk.css","mappings":"AAEA;AEFA","sources":["webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Placeholder/Placeholder.scss","webpack://quickblox-react-ui-kit/./src/Presentation/themes/styles/_mixins.scss","webpack://quickblox-react-ui-kit/./src/Presentation/ui-components/Loader/Loader.scss"],"sourcesContent":["@import '../../themes/styles/mixins';\n\n.placeholder {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  @include applyBorderBox;\n\n  &__text {\n\n    font-family: 'Roboto';\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: 0.15px;\n    color: var(--caption);\n    text-align: center;\n  }\n\n  &__icon {\n    width: 52px;\n    height: 52px;\n    margin-bottom: 16px;\n\n    fill: var(--caption);\n  }\n\n  &__retry {\n    display: flex;\n    align-items: center;\n    padding: 4px 8px 4px 8px;\n\n    fill: #3978fc;\n    color: #3978fc;\n\n    font-family: 'Roboto';\n    font-weight: 700;\n    font-size: 14px;\n    line-height: 16px;\n    letter-spacing: 0.4px;\n  }\n\n  &__retry-icon {\n    width: 24px;\n    height: 24px;\n    margin-right: 8px;\n\n    cursor: pointer;\n  }\n}\n","@mixin applyBorderBox {\n  &,\n  * {\n    box-sizing: border-box;\n  }\n}\n",".loader {\n  &--sm {\n    width: 24px;\n    height: 24px;\n  }\n\n  &--md {\n    width: 48px;\n    height: 48px;\n  }\n\n  &--lg {\n    width: 52px;\n    height: 52px;\n  }\n\n  animation: rotate 1s infinite linear;\n\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n"],"names":[],"sourceRoot":""}