quickblox-react-ui-kit 0.4.5-beta.5 → 0.4.6-beta.1

package/src/Presentation/Views/PreviewDialog/PreviewDialogContextMenu/PreviewDialogContextMenu.scss

@@ -1,9 +1,9 @@
-.dialog-context-menu {
-  display: flex;
-  flex-direction: row;
-  gap: 0px;
-  align-items: flex-start;
-  justify-content: flex-start;
-  flex-shrink: 0;
-  position: relative;
-}
+.dialog-context-menu {
+  display: flex;
+  flex-direction: row;
+  gap: 0px;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-shrink: 0;
+  position: relative;
+}

package/src/Presentation/Views/YesNoQuestion/YesNoQuestion.scss

@@ -1,11 +1,11 @@
-.ynq-dialog-actions {
-  display: flex;
-  flex-direction: row;
-  gap: 8px;
-  align-items: flex-end;
-  justify-content: flex-end;
-  align-self: stretch;
-  flex-shrink: 0;
-  position: relative;
-}
-
+.ynq-dialog-actions {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  align-items: flex-end;
+  justify-content: flex-end;
+  align-self: stretch;
+  flex-shrink: 0;
+  position: relative;
+}
+

package/src/Presentation/components/Button.js

@@ -1,5 +1,5 @@
-export default function List({ onClick, title, }) {
-    return (
-        <button style={{ height: 24 }} onClick={onClick}>{title}</button>
-    );
+export default function List({ onClick, title, }) {
+    return (
+        <button style={{ height: 24 }} onClick={onClick}>{title}</button>
+    );
 }

package/src/Presentation/components/TextInput.js

@@ -1,10 +1,10 @@
-import React from 'react';
-export default function TextInput(rest) {
-    return (
-        <input
-
-            style={{ height: 28, padding: 10, marginBottom: 10 }}
-            {...rest}
-        />
-    );
+import React from 'react';
+export default function TextInput(rest) {
+    return (
+        <input
+
+            style={{ height: 28, padding: 10, marginBottom: 10 }}
+            {...rest}
+        />
+    );
 }

package/src/Presentation/components/UI/Buttons/MainButton/MainButton.css

@@ -1,103 +1,103 @@
-.main-button {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: 8px 16px 8px 16px;
-
-  height: 32px;
-
-  background: var(--main-elements);
-  border-radius: 4px;
-
-  flex: none;
-  order: 1;
-  flex-grow: 0;
-
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  font-size: 14px;
-  line-height: 16px;
-  letter-spacing: 0.4px;
-
-  color: var(--main-background);
-
-  border: none;
-  outline: none;
-}
-
-.danger-button {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: 8px 16px 8px 16px;
-
-  height: 32px;
-
-  background: var(--error);
-  border-radius: 4px;
-  flex: none;
-  order: 1;
-  flex-grow: 0;
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  font-size: 14px;
-  line-height: 16px;
-  letter-spacing: 0.4px;
-  color: var(--main-background);
-
-  border: none;
-  outline: none;
-}
-
-.secondary-button{
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: 8px 16px 8px 16px;
-  height: 32px;
-
-  background-color: var(--main-background);
-  border: 1px solid var(--secondary-elements);
-  border-radius: 4px;
-  flex: none;
-  order: 0;
-  flex-grow: 0;
-
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  font-size: 14px;
-  line-height: 16px;
-  letter-spacing: 0.4px;
-  color: var(--secondary-elements);
-}
-
-.main-disabled-button{
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: 8px 16px 8px 16px;
-  height: 32px;
-  background: var(--disabled-elements);
-  border-radius: 4px;
-  flex: none;
-  order: 1;
-  flex-grow: 0;
-  font-family: 'Roboto';
-  font-style: normal;
-  font-weight: 700;
-  font-size: 14px;
-  line-height: 16px;
-  letter-spacing: 0.4px;
-  color: var(--secondary-text);
-
-  border: none;
-  outline: none;
-}
+.main-button {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 8px 16px 8px 16px;
+
+  height: 32px;
+
+  background: var(--main-elements);
+  border-radius: 4px;
+
+  flex: none;
+  order: 1;
+  flex-grow: 0;
+
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: 0.4px;
+
+  color: var(--main-background);
+
+  border: none;
+  outline: none;
+}
+
+.danger-button {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 8px 16px 8px 16px;
+
+  height: 32px;
+
+  background: var(--error);
+  border-radius: 4px;
+  flex: none;
+  order: 1;
+  flex-grow: 0;
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: 0.4px;
+  color: var(--main-background);
+
+  border: none;
+  outline: none;
+}
+
+.secondary-button{
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 8px 16px 8px 16px;
+  height: 32px;
+
+  background-color: var(--main-background);
+  border: 1px solid var(--secondary-elements);
+  border-radius: 4px;
+  flex: none;
+  order: 0;
+  flex-grow: 0;
+
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: 0.4px;
+  color: var(--secondary-elements);
+}
+
+.main-disabled-button{
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 8px 16px 8px 16px;
+  height: 32px;
+  background: var(--disabled-elements);
+  border-radius: 4px;
+  flex: none;
+  order: 1;
+  flex-grow: 0;
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 14px;
+  line-height: 16px;
+  letter-spacing: 0.4px;
+  color: var(--secondary-text);
+
+  border: none;
+  outline: none;
+}

package/src/Presentation/components/UI/Elements/SwitchButton/SwitchButton.scss

@@ -1,61 +1,61 @@
-$background-color-off: var(--disabled-elements);
-$background-color-on: var(--main-elements);
-/* The switch - the box around the slider */
-.switch {
-  position: relative;
-  display: inline-block;
-  width: 40px;
-  height: 20px;
-}
-
-/* Hide default HTML checkbox */
-.switch input {display:none;}
-
-/* The slider */
-.slider {
-  position: absolute;
-  cursor: pointer;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: #ccc;
-  -webkit-transition: .4s;
-  transition: .4s;
-}
-
-.slider:before {
-  position: absolute;
-  content: "";
-  height: 12px;
-  width: 12px;
-  left: 4px;
-  bottom: 4px;
-  right: 4px;
-  background-color: white;
-  -webkit-transition: .4s;
-  transition: .4s;
-}
-
-input:checked + .slider {
-  background-color: #2196F3;
-}
-
-input:focus + .slider {
-  box-shadow: 0 0 1px #2196F3;
-}
-
-input:checked + .slider:before {
-  -webkit-transform: translateX(12px);
-  -ms-transform: translateX(12px);
-  transform: translateX(12px);
-}
-
-/* Rounded sliders */
-.slider.round {
-  border-radius: 12px;
-}
-
-.slider.round:before {
-  border-radius: 50%;
-}
+$background-color-off: var(--disabled-elements);
+$background-color-on: var(--main-elements);
+/* The switch - the box around the slider */
+.switch {
+  position: relative;
+  display: inline-block;
+  width: 40px;
+  height: 20px;
+}
+
+/* Hide default HTML checkbox */
+.switch input {display:none;}
+
+/* The slider */
+.slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #ccc;
+  -webkit-transition: .4s;
+  transition: .4s;
+}
+
+.slider:before {
+  position: absolute;
+  content: "";
+  height: 12px;
+  width: 12px;
+  left: 4px;
+  bottom: 4px;
+  right: 4px;
+  background-color: white;
+  -webkit-transition: .4s;
+  transition: .4s;
+}
+
+input:checked + .slider {
+  background-color: #2196F3;
+}
+
+input:focus + .slider {
+  box-shadow: 0 0 1px #2196F3;
+}
+
+input:checked + .slider:before {
+  -webkit-transform: translateX(12px);
+  -ms-transform: translateX(12px);
+  transform: translateX(12px);
+}
+
+/* Rounded sliders */
+.slider.round {
+  border-radius: 12px;
+}
+
+.slider.round:before {
+  border-radius: 50%;
+}

package/src/Presentation/components/UI/Placeholders/ErrorComponent/ErrorComponent.scss

@@ -1,74 +1,74 @@
-$error-container-background-color: var(--main-background);
-$error-container-error-message-text-color: var(--caption);
-$error-container-error-action-color: var(--main-elements);
-$error-container-divider: var(--divider);
-
-.error-container-wrapper {
-  // padding-top: 9px;
-  // padding-bottom: 12px;
-  border: 1px solid $error-container-divider;
-}
-
-.error-container {
-  display: flex;
-  flex-flow: column nowrap;
-  min-width: 360px;
-  min-height: 156px;
-  margin: 0 auto;
-  justify-content: center;
-  align-items: center;
-  // border: 1px solid green;
-  gap: 16px;
-  background-color: $error-container-background-color;
-  &__error-icon {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 0 auto;
-
-    min-width: 60px;
-    min-height: 60px;
-
-
-    color: $error-container-error-message-text-color;
-    svg path {fill: $error-container-error-message-text-color}
-  }
-  &__error-message {
-    min-height: 24px;
-    font-family: 'Roboto';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 16px;
-    line-height: 24px;
-    text-align: center;
-    letter-spacing: 0.15px;
-    color: $error-container-error-message-text-color;
-  }
-  &--error-action {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    justify-content: center;
-    align-items: center;
-    margin: 0 auto;
-    gap: 8px;
-    min-height: 40px;
-    min-width: 92px;
-    cursor: pointer;
-
-    &__refresh-icon {
-      min-width: 24px;
-      min-height: 24px;
-      svg path {fill: $error-container-error-action-color}
-    }
-    &__refresh-text {
-      color: $error-container-error-action-color;
-      font-family: 'Roboto';
-      font-style: normal;
-      font-weight: 700;
-      font-size: 14px;
-      line-height: 16px;
-      letter-spacing: 0.4px;
-     }
-  }
-}
+$error-container-background-color: var(--main-background);
+$error-container-error-message-text-color: var(--caption);
+$error-container-error-action-color: var(--main-elements);
+$error-container-divider: var(--divider);
+
+.error-container-wrapper {
+  // padding-top: 9px;
+  // padding-bottom: 12px;
+  border: 1px solid $error-container-divider;
+}
+
+.error-container {
+  display: flex;
+  flex-flow: column nowrap;
+  min-width: 360px;
+  min-height: 156px;
+  margin: 0 auto;
+  justify-content: center;
+  align-items: center;
+  // border: 1px solid green;
+  gap: 16px;
+  background-color: $error-container-background-color;
+  &__error-icon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0 auto;
+
+    min-width: 60px;
+    min-height: 60px;
+
+
+    color: $error-container-error-message-text-color;
+    svg path {fill: $error-container-error-message-text-color}
+  }
+  &__error-message {
+    min-height: 24px;
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 24px;
+    text-align: center;
+    letter-spacing: 0.15px;
+    color: $error-container-error-message-text-color;
+  }
+  &--error-action {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: center;
+    align-items: center;
+    margin: 0 auto;
+    gap: 8px;
+    min-height: 40px;
+    min-width: 92px;
+    cursor: pointer;
+
+    &__refresh-icon {
+      min-width: 24px;
+      min-height: 24px;
+      svg path {fill: $error-container-error-action-color}
+    }
+    &__refresh-text {
+      color: $error-container-error-action-color;
+      font-family: 'Roboto';
+      font-style: normal;
+      font-weight: 700;
+      font-size: 14px;
+      line-height: 16px;
+      letter-spacing: 0.4px;
+     }
+  }
+}

package/src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.scss

@@ -1,21 +1,21 @@
-$default-background-color: var(--main-elements);
-$default-width-icon: 44;
-$default-height-icon: 44;
-
-// #Loader{fill: $default-background-color};
-
-.loader {
-  animation: spin 2s linear infinite;
-  svg path {fill: $default-background-color};
-  min-width: $default-width-icon;
-  min-height: $default-height-icon;
-}
-
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
+$default-background-color: var(--main-elements);
+$default-width-icon: 44;
+$default-height-icon: 44;
+
+// #Loader{fill: $default-background-color};
+
+.loader {
+  animation: spin 2s linear infinite;
+  svg path {fill: $default-background-color};
+  min-width: $default-width-icon;
+  min-height: $default-height-icon;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/src/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.scss

@@ -1,3 +1,3 @@
-.active-svg-container{
-  cursor: pointer;
-}
+.active-svg-container{
+  cursor: pointer;
+}

package/src/Presentation/components/UI/svgs/Icons/AIWidgets/AIWidget/Send.svg

@@ -1,3 +1,3 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.76833 38.5L41.25 22L2.76833 5.5L2.75 18.3333L30.25 22L2.75 25.6667L2.76833 38.5Z" fill="#0B121B"/>
-</svg>
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.76833 38.5L41.25 22L2.76833 5.5L2.75 18.3333L30.25 22L2.75 25.6667L2.76833 38.5Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/AIWidgets/BotIcon/BotIcon.svg

@@ -1,5 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
-    <path d="M16.1339 5.61003H12.9186V4.69137C12.9186 4.44772 12.8219 4.21406 12.6496 4.04177C12.4773 3.86949 12.2436 3.77271 12 3.77271C11.7563 3.77271 11.5227 3.86949 11.3504 4.04177C11.1781 4.21406 11.0813 4.44772 11.0813 4.69137V5.61003H7.86601C6.64779 5.61003 5.47946 6.09396 4.61805 6.95537C3.75664 7.81678 3.27271 8.98511 3.27271 10.2033V16.6339C3.27271 17.8522 3.75664 19.0205 4.61805 19.8819C5.47946 20.7433 6.64779 21.2272 7.86601 21.2272H16.1339C16.7371 21.2272 17.3344 21.1084 17.8917 20.8776C18.449 20.6468 18.9554 20.3084 19.3819 19.8819C19.8084 19.4554 20.1468 18.949 20.3776 18.3917C20.6084 17.8344 20.7272 17.2371 20.7272 16.6339V10.2033C20.7272 9.60013 20.6084 9.00283 20.3776 8.44555C20.1468 7.88826 19.8084 7.3819 19.3819 6.95537C18.9554 6.52884 18.449 6.1905 17.8917 5.95967C17.3344 5.72883 16.7371 5.61003 16.1339 5.61003ZM18.8899 16.6339C18.8899 17.3649 18.5996 18.0659 18.0827 18.5827C17.5659 19.0996 16.8649 19.3899 16.1339 19.3899H7.86601C7.13507 19.3899 6.43408 19.0996 5.91723 18.5827C5.40039 18.0659 5.11003 17.3649 5.11003 16.6339V10.2033C5.11003 9.47239 5.40039 8.7714 5.91723 8.25455C6.43408 7.73771 7.13507 7.44735 7.86601 7.44735H16.1339C16.8649 7.44735 17.5659 7.73771 18.0827 8.25455C18.5996 8.7714 18.8899 9.47239 18.8899 10.2033V16.6339Z" fill="#3978FC"/>
-    <path d="M14.7559 10.2034C14.5123 10.2034 14.2786 10.3002 14.1063 10.4724C13.9341 10.6447 13.8373 10.8784 13.8373 11.122V12.9594C13.8373 13.203 13.9341 13.4367 14.1063 13.6089C14.2786 13.7812 14.5123 13.878 14.7559 13.878C14.9996 13.878 15.2332 13.7812 15.4055 13.6089C15.5778 13.4367 15.6746 13.203 15.6746 12.9594V11.122C15.6746 10.8784 15.5778 10.6447 15.4055 10.4724C15.2332 10.3002 14.9996 10.2034 14.7559 10.2034Z" fill="#3978FC"/>
-    <path d="M9.24398 10.2034C9.00034 10.2034 8.76668 10.3002 8.59439 10.4724C8.42211 10.6447 8.32532 10.8784 8.32532 11.122V12.9594C8.32532 13.203 8.42211 13.4367 8.59439 13.6089C8.76668 13.7812 9.00034 13.878 9.24398 13.878C9.48763 13.878 9.72129 13.7812 9.89358 13.6089C10.0659 13.4367 10.1626 13.203 10.1626 12.9594V11.122C10.1626 10.8784 10.0659 10.6447 9.89358 10.4724C9.72129 10.3002 9.48763 10.2034 9.24398 10.2034Z" fill="#3978FC"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
+    <path d="M16.1339 5.61003H12.9186V4.69137C12.9186 4.44772 12.8219 4.21406 12.6496 4.04177C12.4773 3.86949 12.2436 3.77271 12 3.77271C11.7563 3.77271 11.5227 3.86949 11.3504 4.04177C11.1781 4.21406 11.0813 4.44772 11.0813 4.69137V5.61003H7.86601C6.64779 5.61003 5.47946 6.09396 4.61805 6.95537C3.75664 7.81678 3.27271 8.98511 3.27271 10.2033V16.6339C3.27271 17.8522 3.75664 19.0205 4.61805 19.8819C5.47946 20.7433 6.64779 21.2272 7.86601 21.2272H16.1339C16.7371 21.2272 17.3344 21.1084 17.8917 20.8776C18.449 20.6468 18.9554 20.3084 19.3819 19.8819C19.8084 19.4554 20.1468 18.949 20.3776 18.3917C20.6084 17.8344 20.7272 17.2371 20.7272 16.6339V10.2033C20.7272 9.60013 20.6084 9.00283 20.3776 8.44555C20.1468 7.88826 19.8084 7.3819 19.3819 6.95537C18.9554 6.52884 18.449 6.1905 17.8917 5.95967C17.3344 5.72883 16.7371 5.61003 16.1339 5.61003ZM18.8899 16.6339C18.8899 17.3649 18.5996 18.0659 18.0827 18.5827C17.5659 19.0996 16.8649 19.3899 16.1339 19.3899H7.86601C7.13507 19.3899 6.43408 19.0996 5.91723 18.5827C5.40039 18.0659 5.11003 17.3649 5.11003 16.6339V10.2033C5.11003 9.47239 5.40039 8.7714 5.91723 8.25455C6.43408 7.73771 7.13507 7.44735 7.86601 7.44735H16.1339C16.8649 7.44735 17.5659 7.73771 18.0827 8.25455C18.5996 8.7714 18.8899 9.47239 18.8899 10.2033V16.6339Z" fill="#3978FC"/>
+    <path d="M14.7559 10.2034C14.5123 10.2034 14.2786 10.3002 14.1063 10.4724C13.9341 10.6447 13.8373 10.8784 13.8373 11.122V12.9594C13.8373 13.203 13.9341 13.4367 14.1063 13.6089C14.2786 13.7812 14.5123 13.878 14.7559 13.878C14.9996 13.878 15.2332 13.7812 15.4055 13.6089C15.5778 13.4367 15.6746 13.203 15.6746 12.9594V11.122C15.6746 10.8784 15.5778 10.6447 15.4055 10.4724C15.2332 10.3002 14.9996 10.2034 14.7559 10.2034Z" fill="#3978FC"/>
+    <path d="M9.24398 10.2034C9.00034 10.2034 8.76668 10.3002 8.59439 10.4724C8.42211 10.6447 8.32532 10.8784 8.32532 11.122V12.9594C8.32532 13.203 8.42211 13.4367 8.59439 13.6089C8.76668 13.7812 9.00034 13.878 9.24398 13.878C9.48763 13.878 9.72129 13.7812 9.89358 13.6089C10.0659 13.4367 10.1626 13.203 10.1626 12.9594V11.122C10.1626 10.8784 10.0659 10.6447 9.89358 10.4724C9.72129 10.3002 9.48763 10.2034 9.24398 10.2034Z" fill="#3978FC"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Actions/Add/Add.svg

@@ -1,3 +1,3 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M34.8333 5.5H9.16667C7.13167 5.5 5.5 7.15 5.5 9.16667V34.8333C5.5 36.85 7.13167 38.5 9.16667 38.5H34.8333C36.85 38.5 38.5 36.85 38.5 34.8333V9.16667C38.5 7.15 36.85 5.5 34.8333 5.5ZM34.8333 34.8333H9.16667V9.16667H34.8333V34.8333ZM20.1667 31.1667H23.8333V23.8333H31.1667V20.1667H23.8333V12.8333H20.1667V20.1667H12.8333V23.8333H20.1667V31.1667Z" fill="#0B121B"/>
-</svg>
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.8333 5.5H9.16667C7.13167 5.5 5.5 7.15 5.5 9.16667V34.8333C5.5 36.85 7.13167 38.5 9.16667 38.5H34.8333C36.85 38.5 38.5 36.85 38.5 34.8333V9.16667C38.5 7.15 36.85 5.5 34.8333 5.5ZM34.8333 34.8333H9.16667V9.16667H34.8333V34.8333ZM20.1667 31.1667H23.8333V23.8333H31.1667V20.1667H23.8333V12.8333H20.1667V20.1667H12.8333V23.8333H20.1667V31.1667Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Actions/AddContact/Add contact.svg

@@ -1,3 +1,3 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M27.4999 22C31.5516 22 34.8333 18.7183 34.8333 14.6666C34.8333 10.615 31.5516 7.33331 27.4999 7.33331C23.4483 7.33331 20.1666 10.615 20.1666 14.6666C20.1666 18.7183 23.4483 22 27.4999 22ZM27.4999 11C29.5166 11 31.1666 12.65 31.1666 14.6666C31.1666 16.6833 29.5166 18.3333 27.4999 18.3333C25.4833 18.3333 23.8333 16.6833 23.8333 14.6666C23.8333 12.65 25.4833 11 27.4999 11ZM27.4999 25.6666C22.6049 25.6666 12.8333 28.1233 12.8333 33V36.6666H42.1666V33C42.1666 28.1233 32.3949 25.6666 27.4999 25.6666ZM16.4999 33C16.9033 31.68 22.5683 29.3333 27.4999 29.3333C32.4499 29.3333 38.1333 31.6983 38.4999 33H16.4999ZM10.9999 27.5V22H16.4999V18.3333H10.9999V12.8333H7.33325V18.3333H1.83325V22H7.33325V27.5H10.9999Z" fill="#0B121B"/>
-</svg>
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.4999 22C31.5516 22 34.8333 18.7183 34.8333 14.6666C34.8333 10.615 31.5516 7.33331 27.4999 7.33331C23.4483 7.33331 20.1666 10.615 20.1666 14.6666C20.1666 18.7183 23.4483 22 27.4999 22ZM27.4999 11C29.5166 11 31.1666 12.65 31.1666 14.6666C31.1666 16.6833 29.5166 18.3333 27.4999 18.3333C25.4833 18.3333 23.8333 16.6833 23.8333 14.6666C23.8333 12.65 25.4833 11 27.4999 11ZM27.4999 25.6666C22.6049 25.6666 12.8333 28.1233 12.8333 33V36.6666H42.1666V33C42.1666 28.1233 32.3949 25.6666 27.4999 25.6666ZM16.4999 33C16.9033 31.68 22.5683 29.3333 27.4999 29.3333C32.4499 29.3333 38.1333 31.6983 38.4999 33H16.4999ZM10.9999 27.5V22H16.4999V18.3333H10.9999V12.8333H7.33325V18.3333H1.83325V22H7.33325V27.5H10.9999Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Actions/Archive/Archive.svg

@@ -1,3 +1,3 @@
-<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M37.6567 9.58833L35.1083 6.50833C34.6133 5.885 33.8617 5.5 33 5.5H11C10.1383 5.5 9.38667 5.885 8.87333 6.50833L6.34333 9.58833C5.81167 10.2117 5.5 11.0367 5.5 11.9167V34.8333C5.5 36.85 7.15 38.5 9.16667 38.5H34.8333C36.85 38.5 38.5 36.85 38.5 34.8333V11.9167C38.5 11.0367 38.1883 10.2117 37.6567 9.58833ZM11.44 9.16667H32.56L34.045 10.945H9.97333L11.44 9.16667ZM9.16667 34.8333V14.6667H34.8333V34.8333H9.16667ZM24.6583 18.3333H19.3417V23.8333H14.6667L22 31.1667L29.3333 23.8333H24.6583V18.3333Z" fill="#0B121B"/>
-</svg>
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.6567 9.58833L35.1083 6.50833C34.6133 5.885 33.8617 5.5 33 5.5H11C10.1383 5.5 9.38667 5.885 8.87333 6.50833L6.34333 9.58833C5.81167 10.2117 5.5 11.0367 5.5 11.9167V34.8333C5.5 36.85 7.15 38.5 9.16667 38.5H34.8333C36.85 38.5 38.5 36.85 38.5 34.8333V11.9167C38.5 11.0367 38.1883 10.2117 37.6567 9.58833ZM11.44 9.16667H32.56L34.045 10.945H9.97333L11.44 9.16667ZM9.16667 34.8333V14.6667H34.8333V34.8333H9.16667ZM24.6583 18.3333H19.3417V23.8333H14.6667L22 31.1667L29.3333 23.8333H24.6583V18.3333Z" fill="#0B121B"/>
+</svg>