@antscorp/antsomi-ui 2.0.101 → 2.0.103

package/es/components/molecules/ModalSelect/styled.js

@@ -2,160 +2,160 @@ import { Modal, Card, Tag } from 'antd';
 import styled from 'styled-components';
 import { get } from 'lodash';
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
-export const StyledModal = styled(Modal) `
-  --modal-padding: 20px;
-
-  &.antsomi-modal {
-    .antsomi-modal-content {
-      max-height: 70vh;
-      overflow: auto;
-      display: flex;
-      flex-direction: column;
-    }
-
-    .antsomi-modal-close {
-      &:hover {
-        background-color: transparent;
-      }
-
-      .antsomi-modal-close-x {
-        padding: 10px;
-        font-size: 16px;
-      }
-    }
-
-    .antsomi-modal-header {
-      padding-inline: var(--modal-padding);
-      padding-top: var(--modal-padding);
-      margin-bottom: calc(var(--modal-padding) - 5px);
-
-      .antsomi-modal-title {
-        font-weight: 400;
-        font-size: 14px;
-      }
-    }
-
-    .antsomi-modal-body {
-      flex: 1;
-      overflow: hidden;
-
-      &:hover {
-        overflow: auto;
-      }
-
-      padding-inline: var(--modal-padding);
-      padding-bottom: var(--modal-padding);
-      margin-bottom: 10px;
-      display: flex;
-
-      > .antsomi-menu {
-        flex-shrink: 0;
-        overflow: hidden;
-
-        &:hover {
-          overflow-y: auto;
-        }
-
-        .antsomi-menu-item {
-          width: 200px;
-          padding-inline: 10px;
-          font-weight: bold;
-        }
-      }
-
-      > .ModalSelect-content {
-        margin-left: 80px;
-        border-radius: 10px;
-        overflow: hidden;
-
-        &:hover {
-          overflow: auto;
-          scrollbar-width: none;
-        }
-      }
-    }
-
-    .antsomi-modal-footer {
-      padding: var(--modal-padding) !important;
-      margin-top: 0;
-      text-align: start;
-      display: flex;
-      justify-content: start;
-      gap: 10px;
-      flex-direction: row-reverse;
-
-      .antsomi-btn + .antsomi-btn {
-        margin: 0;
-      }
-    }
-  }
+export const StyledModal = styled(Modal) `
+  --modal-padding: 20px;
+
+  &.antsomi-modal {
+    .antsomi-modal-content {
+      max-height: 70vh;
+      overflow: auto;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .antsomi-modal-close {
+      &:hover {
+        background-color: transparent;
+      }
+
+      .antsomi-modal-close-x {
+        padding: 10px;
+        font-size: 16px;
+      }
+    }
+
+    .antsomi-modal-header {
+      padding-inline: var(--modal-padding);
+      padding-top: var(--modal-padding);
+      margin-bottom: calc(var(--modal-padding) - 5px);
+
+      .antsomi-modal-title {
+        font-weight: 400;
+        font-size: 14px;
+      }
+    }
+
+    .antsomi-modal-body {
+      flex: 1;
+      overflow: hidden;
+
+      &:hover {
+        overflow: auto;
+      }
+
+      padding-inline: var(--modal-padding);
+      padding-bottom: var(--modal-padding);
+      margin-bottom: 10px;
+      display: flex;
+
+      > .antsomi-menu {
+        flex-shrink: 0;
+        overflow: hidden;
+
+        &:hover {
+          overflow-y: auto;
+        }
+
+        .antsomi-menu-item {
+          width: 200px;
+          padding-inline: 10px;
+          font-weight: bold;
+        }
+      }
+
+      > .ModalSelect-content {
+        margin-left: 80px;
+        border-radius: 10px;
+        overflow: hidden;
+
+        &:hover {
+          overflow: auto;
+          scrollbar-width: none;
+        }
+      }
+    }
+
+    .antsomi-modal-footer {
+      padding: var(--modal-padding) !important;
+      margin-top: 0;
+      text-align: start;
+      display: flex;
+      justify-content: start;
+      gap: 10px;
+      flex-direction: row-reverse;
+
+      .antsomi-btn + .antsomi-btn {
+        margin: 0;
+      }
+    }
+  }
 `;
-export const StyledCard = styled(Card) `
-  font-size: 12px;
-
-  &.antsomi-card {
-    padding: 15px;
-    background-color: ${get(globalToken, 'blue1_3')};
-
-    > .antsomi-card-cover {
-      padding: 20px;
-    }
-
-    > .antsomi-card-body {
-      display: flex;
-      flex-direction: column;
-      gap: 15px;
-      background-color: transparent;
-      padding: 0px;
-    }
-  }
+export const StyledCard = styled(Card) `
+  font-size: 12px;
+
+  &.antsomi-card {
+    padding: 15px;
+    background-color: ${get(globalToken, 'blue1_3')};
+
+    > .antsomi-card-cover {
+      padding: 20px;
+    }
+
+    > .antsomi-card-body {
+      display: flex;
+      flex-direction: column;
+      gap: 15px;
+      background-color: transparent;
+      padding: 0px;
+    }
+  }
 `;
-export const CardDefinationContainer = styled.div `
-  > .title {
-    font-size: 16px;
-    font-weight: normal;
-    margin-bottom: 8px;
-    display: block;
-  }
-
-  > .description.antsomi-typography {
-    margin-bottom: 0;
-    color: ${get(globalToken, 'bw8')};
-
-    .antsomi-typography-expand {
-      font-weight: 500;
-    }
-
-    .antsomi-typography-collapse {
-      font-weight: 500;
-      color: ${globalToken?.colorPrimary};
-      cursor: pointer;
-    }
-  }
+export const CardDefinationContainer = styled.div `
+  > .title {
+    font-size: 16px;
+    font-weight: normal;
+    margin-bottom: 8px;
+    display: block;
+  }
+
+  > .description.antsomi-typography {
+    margin-bottom: 0;
+    color: ${get(globalToken, 'bw8')};
+
+    .antsomi-typography-expand {
+      font-weight: 500;
+    }
+
+    .antsomi-typography-collapse {
+      font-weight: 500;
+      color: ${globalToken?.colorPrimary};
+      cursor: pointer;
+    }
+  }
 `;
-export const CardRecommendedContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-
-  > .title {
-    margin-bottom: 8px;
-  }
-
-  > .recomendations {
-    display: flex;
-    flex-wrap: wrap;
-    row-gap: 8px;
-
-    > .item {
-      color: ${globalToken?.colorText};
-      line-height: 14px;
-      font-size: 12px;
-      padding: 5px 10px;
-
-      &.antsomi-tag-borderless {
-        border-width: 0;
-      }
-    }
-  }
+export const CardRecommendedContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+
+  > .title {
+    margin-bottom: 8px;
+  }
+
+  > .recomendations {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 8px;
+
+    > .item {
+      color: ${globalToken?.colorText};
+      line-height: 14px;
+      font-size: 12px;
+      padding: 5px 10px;
+
+      &.antsomi-tag-borderless {
+        border-width: 0;
+      }
+    }
+  }
 `;
 export const RecommendItem = styled(Tag) ``;

package/es/components/molecules/ModalV2/styled.js

@@ -1,31 +1,31 @@
 // Libraries
 import { Modal } from 'antd';
 import styled from 'styled-components';
-export const StyledModal = styled(Modal) `
-  .antsomi-modal-content {
-    .antsomi-modal-close {
-      position: absolute;
-      top: 10px !important;
-      right: 10px !important;
-      width: 24px !important;
-      height: 24px !important;
-
-      .antsomi-modal-close-x {
-        padding: 0px;
-      }
-    }
-
-    .antsomi-modal-body {
-      padding: 15px;
-    }
-
-    .antsomi-modal-header {
-      padding: 15px 15px 0px 15px;
-      margin-bottom: 0px;
-    }
-
-    .antsomi-modal-footer {
-      margin-top: 0px;
-    }
-  }
+export const StyledModal = styled(Modal) `
+  .antsomi-modal-content {
+    .antsomi-modal-close {
+      position: absolute;
+      top: 10px !important;
+      right: 10px !important;
+      width: 24px !important;
+      height: 24px !important;
+
+      .antsomi-modal-close-x {
+        padding: 0px;
+      }
+    }
+
+    .antsomi-modal-body {
+      padding: 15px;
+    }
+
+    .antsomi-modal-header {
+      padding: 15px 15px 0px 15px;
+      margin-bottom: 0px;
+    }
+
+    .antsomi-modal-footer {
+      margin-top: 0px;
+    }
+  }
 `;

package/es/components/molecules/PopupDraggable/styled.js

@@ -2,64 +2,64 @@
 import styled, { css } from 'styled-components';
 // Constants
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const PopupContainer = styled.div `
-  position: fixed !important;
-  top: 0px;
-  right: 0px;
-  min-width: 300px;
-  min-height: 50px;
-  background-color: ${THEME.token?.bw0};
-  box-shadow: -3px 0px 3px 0px #002e591a;
-
-  z-index: 1003;
-
-  &.no-cursor {
-    cursor: auto;
-  }
-
-  div {
-    box-sizing: border-box !important;
-  }
-
+export const PopupContainer = styled.div `
+  position: fixed !important;
+  top: 0px;
+  right: 0px;
+  min-width: 300px;
+  min-height: 50px;
+  background-color: ${THEME.token?.bw0};
+  box-shadow: -3px 0px 3px 0px #002e591a;
+
+  z-index: 1003;
+
+  &.no-cursor {
+    cursor: auto;
+  }
+
+  div {
+    box-sizing: border-box !important;
+  }
+
   ${props => props.isHiddenResizing &&
-    css `
-      .react-resizable-handle {
-        display: none;
-      }
-      .react-resizable-handle-w {
-        width: 30px;
-        height: 30px;
-        border-radius: 999px;
-        transform: translate(-30%);
-        background: #ffffff;
-        background-image: none;
-        box-shadow: -3px 0px 3px 0px #002e591a;
-        padding: 0px;
-        background-image: url("data:image/svg+xml,%3Csvg width='4' height='14' viewBox='0 0 4 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.5L0 13.5H1L1 0.5H0ZM3 0.5L3 13.5H4L4 0.5H3Z' fill='%23595959'/%3E%3C/svg%3E%0A");
-        background-position: center;
-        background-repeat: no-repeat;
-      }
-    `}
-
+    css `
+      .react-resizable-handle {
+        display: none;
+      }
+      .react-resizable-handle-w {
+        width: 30px;
+        height: 30px;
+        border-radius: 999px;
+        transform: translate(-30%);
+        background: #ffffff;
+        background-image: none;
+        box-shadow: -3px 0px 3px 0px #002e591a;
+        padding: 0px;
+        background-image: url("data:image/svg+xml,%3Csvg width='4' height='14' viewBox='0 0 4 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0.5L0 13.5H1L1 0.5H0ZM3 0.5L3 13.5H4L4 0.5H3Z' fill='%23595959'/%3E%3C/svg%3E%0A");
+        background-position: center;
+        background-repeat: no-repeat;
+      }
+    `}
+
   ${props => props.isShowResizeHover &&
-    css `
-      &:hover .react-resizable-handle {
-        display: block;
-        z-index: 99;
-      }
-    `}
+    css `
+      &:hover .react-resizable-handle {
+        display: block;
+        z-index: 99;
+      }
+    `}
 `;
-export const WrapperIcon = styled.div `
-  position: absolute;
-  top: 16px;
-  right: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-
-  .icon-close {
-    font-size: 12px;
-    color: ${THEME.token?.colorIcon};
-  }
+export const WrapperIcon = styled.div `
+  position: absolute;
+  top: 16px;
+  right: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+
+  .icon-close {
+    font-size: 12px;
+    color: ${THEME.token?.colorIcon};
+  }
 `;

package/es/components/molecules/PreviewModal/styled.js

@@ -5,36 +5,36 @@ import styled from 'styled-components';
 import { ModalV2 } from '@antscorp/antsomi-ui/es/components/molecules/ModalV2';
 import { Flex } from '@antscorp/antsomi-ui/es/components/atoms/Flex';
 const HEADER_HEIGHT = '50px';
-export const StyledModal = styled(props => _jsx(ModalV2, { ...props })) `
-  max-width: 100vw !important;
-
-  .antsomi-modal-content {
-    border-radius: 0px;
-    height: 100vh;
-  }
-
-  .antsomi-modal-body {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    padding: 0px !important;
-  }
+export const StyledModal = styled(props => _jsx(ModalV2, { ...props })) `
+  max-width: 100vw !important;
+
+  .antsomi-modal-content {
+    border-radius: 0px;
+    height: 100vh;
+  }
+
+  .antsomi-modal-body {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    padding: 0px !important;
+  }
 `;
-export const ModalHeader = styled(Flex) `
-  height: ${HEADER_HEIGHT};
-  border-bottom: 1px solid #c2cee0;
-  box-shadow: 0px 2px 3px rgba(15, 19, 23, 0.1);
-  flex-shrink: 0;
-
-  .close-btn {
-    position: absolute;
-    right: 15px;
-  }
+export const ModalHeader = styled(Flex) `
+  height: ${HEADER_HEIGHT};
+  border-bottom: 1px solid #c2cee0;
+  box-shadow: 0px 2px 3px rgba(15, 19, 23, 0.1);
+  flex-shrink: 0;
+
+  .close-btn {
+    position: absolute;
+    right: 15px;
+  }
 `;
 ModalHeader.defaultProps = {
     align: 'center',
     justify: 'center',
 };
-export const ModalBody = styled.div.attrs({}) `
-  overflow: auto;
+export const ModalBody = styled.div.attrs({}) `
+  overflow: auto;
 `;

package/es/components/molecules/ProcessLoading/styled.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
 import { Flex } from '@antscorp/antsomi-ui/es/components/atoms/Flex';
-export const ProcessLoadingContent = styled(Flex) `
-  text-align: center;
+export const ProcessLoadingContent = styled(Flex) `
+  text-align: center;
 `;