@antscorp/antsomi-ui 2.0.109 → 2.0.110

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

@@ -8,259 +8,259 @@ import { Tree } from '@antscorp/antsomi-ui/es/components/molecules';
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
 import { EXTRA_VALUE_SHIFT_WIDTH, EXTRA_VALUE_WIDTH } from './constants';
 const { borderRadius, bw3, bw6, blue, blue1, colorPrimary, colorError } = globalToken || {};
-export const MatchesAnyWrapper = styled(props => _jsx(Flex, { ...props })) `
-  width: 100%;
-  height: 550px;
-
-  .matches-any {
-    &__header {
-      display: flex;
-      align-items: center;
-      height: 50px;
-      box-sizing: border-box;
-      padding: 0px 15px;
-      border-bottom: 1px solid ${globalToken?.bw3};
-      gap: 10px;
-
-      .antsomi-search-input {
-        padding-left: 0px;
-        padding-right: 0px;
-      }
-    }
-
-    &__section {
-      display: flex;
-      flex-direction: column;
-      overflow: auto;
-      position: relative;
-      width: 50%;
-      height: 100%;
-
-      &--left {
-        border-right: 1px solid ${globalToken?.bw3};
-      }
-    }
-
-    &__body {
-      display: flex;
-      flex-direction: column;
-      overflow: auto;
-      gap: 10px;
-      position: relative;
-      height: 100%;
-      padding: 10px 15px;
-
-      .antsomi-spin-nested-loading {
-        height: 100%;
-
-        .antsomi-spin-container {
-          height: 100%;
-        }
-      }
-    }
-
-    &__footer {
-      flex-shrink: 0;
-      padding: 15px;
-      box-sizing: border-box;
-      border-top: 1px solid ${bw3};
-    }
-  }
-
-  .antsomi-tree {
-    .antsomi-tree-list-holder-inner {
-      /* gap: 5px; */
-    }
-
-    .antsomi-tree-treenode {
-      width: 100%;
-      padding: 0px;
-      transition: all 300ms;
-      padding-bottom: 5px;
-
-      .antsomi-tree-switcher {
-        width: 20px;
-        &.antsomi-tree-switcher-noop {
-          display: none;
-        }
-      }
-
-      .antsomi-tree-node-content-wrapper {
-        display: flex;
-        align-items: center;
-        width: 100%;
-        padding: 0 5px;
-
-        .antsomi-tree-title {
-          width: 100%;
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          gap: 10px;
-
-          .title-content {
-            padding: 5px 0px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            gap: 10px;
-            width: 100%;
-            height: 100%;
-            user-select: text;
-            overflow: auto;
-
-            > .left-content {
-              width: 100%;
-              overflow: auto;
-            }
-
-            .sub-title {
-              font-size: 11px;
-            }
-
-            .extra-value-content {
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              width: ${EXTRA_VALUE_WIDTH}px;
-            }
-
-            &.extra-value {
-              width: calc(100% - ${EXTRA_VALUE_SHIFT_WIDTH}px);
-            }
-          }
-        }
-      }
-
-      .antsomi-tree-switcher:not(.antsomi-tree-switcher-noop) ~ .antsomi-tree-node-content-wrapper {
-        padding-left: 0;
-      }
-
-      .antsomi-tree-switcher.antsomi-tree-switcher-noop ~ .antsomi-tree-node-content-wrapper {
-        &:hover {
-          background-color: ${blue};
-
-          .select-button {
-            opacity: 1;
-          }
-        }
-      }
-
-      .antsomi-tree-indent-unit {
-        width: 15px !important;
-      }
-
-      &.antsomi-tree-treenode-disabled {
-        .antsomi-typography {
-          color: ${globalToken?.bw6} !important;
-        }
-
-        .select-button {
-          display: none;
-        }
-      }
-
-      &:not(:has(span.antsomi-tree-switcher-noop)) {
-        border-radius: ${borderRadius}px;
-
-        .antsomi-tree-node-content-wrapper {
-          border-top-left-radius: 0px;
-          border-bottom-left-radius: 0px;
-        }
-
-        .antsomi-tree-switcher {
-          border-top-left-radius: ${borderRadius}px;
-          border-bottom-left-radius: ${borderRadius}px;
-        }
-
-        &:hover {
-          .antsomi-tree-switcher,
-          .antsomi-tree-node-content-wrapper {
-            background-color: ${blue};
-          }
-
-          .select-button {
-            opacity: 1;
-          }
-        }
-      }
-
-      &.error-node {
-        .antsomi-tree-node-content-wrapper {
-          border-color: ${colorError};
-          border-width: 1px;
-          border-style: solid;
-        }
-
-        &:not(:has(span.antsomi-tree-switcher-noop)) {
-          .antsomi-tree-node-content-wrapper {
-            border-left-width: 0px;
-          }
-
-          .antsomi-tree-switcher {
-            border-color: ${colorError};
-            border-width: 1px;
-            border-right-width: 0;
-            border-style: solid;
-          }
-        }
-      }
-
-      &.load-more-node {
-        overflow: hidden;
-        pointer-events: none;
-        background-color: #fff !important;
-        height: 5px !important;
-        padding: 0px !important;
-      }
-    }
-  }
-
-  .empty-wrapper {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-  }
+export const MatchesAnyWrapper = styled(props => _jsx(Flex, { ...props })) `
+  width: 100%;
+  height: 550px;
+
+  .matches-any {
+    &__header {
+      display: flex;
+      align-items: center;
+      height: 50px;
+      box-sizing: border-box;
+      padding: 0px 15px;
+      border-bottom: 1px solid ${globalToken?.bw3};
+      gap: 10px;
+
+      .antsomi-search-input {
+        padding-left: 0px;
+        padding-right: 0px;
+      }
+    }
+
+    &__section {
+      display: flex;
+      flex-direction: column;
+      overflow: auto;
+      position: relative;
+      width: 50%;
+      height: 100%;
+
+      &--left {
+        border-right: 1px solid ${globalToken?.bw3};
+      }
+    }
+
+    &__body {
+      display: flex;
+      flex-direction: column;
+      overflow: auto;
+      gap: 10px;
+      position: relative;
+      height: 100%;
+      padding: 10px 15px;
+
+      .antsomi-spin-nested-loading {
+        height: 100%;
+
+        .antsomi-spin-container {
+          height: 100%;
+        }
+      }
+    }
+
+    &__footer {
+      flex-shrink: 0;
+      padding: 15px;
+      box-sizing: border-box;
+      border-top: 1px solid ${bw3};
+    }
+  }
+
+  .antsomi-tree {
+    .antsomi-tree-list-holder-inner {
+      /* gap: 5px; */
+    }
+
+    .antsomi-tree-treenode {
+      width: 100%;
+      padding: 0px;
+      transition: all 300ms;
+      padding-bottom: 5px;
+
+      .antsomi-tree-switcher {
+        width: 20px;
+        &.antsomi-tree-switcher-noop {
+          display: none;
+        }
+      }
+
+      .antsomi-tree-node-content-wrapper {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        padding: 0 5px;
+
+        .antsomi-tree-title {
+          width: 100%;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          gap: 10px;
+
+          .title-content {
+            padding: 5px 0px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            gap: 10px;
+            width: 100%;
+            height: 100%;
+            user-select: text;
+            overflow: auto;
+
+            > .left-content {
+              width: 100%;
+              overflow: auto;
+            }
+
+            .sub-title {
+              font-size: 11px;
+            }
+
+            .extra-value-content {
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              width: ${EXTRA_VALUE_WIDTH}px;
+            }
+
+            &.extra-value {
+              width: calc(100% - ${EXTRA_VALUE_SHIFT_WIDTH}px);
+            }
+          }
+        }
+      }
+
+      .antsomi-tree-switcher:not(.antsomi-tree-switcher-noop) ~ .antsomi-tree-node-content-wrapper {
+        padding-left: 0;
+      }
+
+      .antsomi-tree-switcher.antsomi-tree-switcher-noop ~ .antsomi-tree-node-content-wrapper {
+        &:hover {
+          background-color: ${blue};
+
+          .select-button {
+            opacity: 1;
+          }
+        }
+      }
+
+      .antsomi-tree-indent-unit {
+        width: 15px !important;
+      }
+
+      &.antsomi-tree-treenode-disabled {
+        .antsomi-typography {
+          color: ${globalToken?.bw6} !important;
+        }
+
+        .select-button {
+          display: none;
+        }
+      }
+
+      &:not(:has(span.antsomi-tree-switcher-noop)) {
+        border-radius: ${borderRadius}px;
+
+        .antsomi-tree-node-content-wrapper {
+          border-top-left-radius: 0px;
+          border-bottom-left-radius: 0px;
+        }
+
+        .antsomi-tree-switcher {
+          border-top-left-radius: ${borderRadius}px;
+          border-bottom-left-radius: ${borderRadius}px;
+        }
+
+        &:hover {
+          .antsomi-tree-switcher,
+          .antsomi-tree-node-content-wrapper {
+            background-color: ${blue};
+          }
+
+          .select-button {
+            opacity: 1;
+          }
+        }
+      }
+
+      &.error-node {
+        .antsomi-tree-node-content-wrapper {
+          border-color: ${colorError};
+          border-width: 1px;
+          border-style: solid;
+        }
+
+        &:not(:has(span.antsomi-tree-switcher-noop)) {
+          .antsomi-tree-node-content-wrapper {
+            border-left-width: 0px;
+          }
+
+          .antsomi-tree-switcher {
+            border-color: ${colorError};
+            border-width: 1px;
+            border-right-width: 0;
+            border-style: solid;
+          }
+        }
+      }
+
+      &.load-more-node {
+        overflow: hidden;
+        pointer-events: none;
+        background-color: #fff !important;
+        height: 5px !important;
+        padding: 0px !important;
+      }
+    }
+  }
+
+  .empty-wrapper {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+  }
 `;
-export const TextButton = styled(Typography.Text) `
-  color: ${colorPrimary} !important;
-  font-weight: 500;
-  cursor: pointer;
-
+export const TextButton = styled(Typography.Text) `
+  color: ${colorPrimary} !important;
+  font-weight: 500;
+  cursor: pointer;
+
   ${props => props.disabled &&
-    css `
-      color: ${bw6} !important;
-      pointer-events: none;
-    `}
+    css `
+      color: ${bw6} !important;
+      pointer-events: none;
+    `}
 `;
-export const GroupSelectButton = styled(props => _jsx(Button, { ...props })) `
-  gap: 4px !important;
-  .group-name {
-    font-weight: normal !important;
-  }
+export const GroupSelectButton = styled(props => _jsx(Button, { ...props })) `
+  gap: 4px !important;
+  .group-name {
+    font-weight: normal !important;
+  }
 `;
-export const ActionButton = styled(props => _jsx(Flex, { ...props })) `
-  height: 16px;
-  width: 16px;
-  opacity: 0;
-  transition: all 300ms;
-
-  i {
-    color: ${colorPrimary};
-    transform: rotate(90deg);
-  }
+export const ActionButton = styled(props => _jsx(Flex, { ...props })) `
+  height: 16px;
+  width: 16px;
+  opacity: 0;
+  transition: all 300ms;
+
+  i {
+    color: ${colorPrimary};
+    transform: rotate(90deg);
+  }
 `;
 export const StyledTree = styled(Tree) ``;
-export const TextArea = styled(props => _jsx(Input.TextArea, { ...props })) `
-  &.antsomi-input-borderless {
-    border: 1px solid ${blue1} !important;
-    border-radius: ${borderRadius}px;
-  }
+export const TextArea = styled(props => _jsx(Input.TextArea, { ...props })) `
+  &.antsomi-input-borderless {
+    border: 1px solid ${blue1} !important;
+    border-radius: ${borderRadius}px;
+  }
 `;
-export const ExtraValueLabel = styled.div `
-  width: ${EXTRA_VALUE_WIDTH}px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+export const ExtraValueLabel = styled.div `
+  width: ${EXTRA_VALUE_WIDTH}px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 `;
 export const ItemStatus = styled(props => _jsx(Flex, { ...props })) ``;

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

@@ -10,72 +10,72 @@ const JSToCSS = cssObj => {
     }
     return cssString;
 };
-export const StyledModal = styled(AntdModal) `
-  .antsomi-modal-content {
-    .antsomi-modal-close {
-      .antsomi-modal-close-x {
-        width: 50px;
-        height: 50px;
-        line-height: 50px;
-        align-items: center;
-        justify-content: center;
-      }
-    }
-    .antsomi-modal-header {
-      padding: 15px;
-      padding-bottom: 0;
-      margin-bottom: 0;
-      border-style: 0px;
-
-      ${props => (props.headerStyle ? JSToCSS(props.headerStyle) : '')}
+export const StyledModal = styled(AntdModal) `
+  .antsomi-modal-content {
+    .antsomi-modal-close {
+      .antsomi-modal-close-x {
+        width: 50px;
+        height: 50px;
+        line-height: 50px;
+        align-items: center;
+        justify-content: center;
+      }
+    }
+    .antsomi-modal-header {
+      padding: 15px;
+      padding-bottom: 0;
+      margin-bottom: 0;
+      border-style: 0px;
+
+      ${props => (props.headerStyle ? JSToCSS(props.headerStyle) : '')}
       ${p => p.header
-    ? css `
-              display: none;
+    ? css `
+              display: none;
             `
-    : ''}
-    }
-    .antsomi-modal-body {
-      padding: 15px;
-    }
-    .antsomi-modal-footer {
-      display: flex;
-      align-items: center;
-      padding-left: 15px;
-      padding-right: 15px;
-      margin-top: 0px;
-
+    : ''}
+    }
+    .antsomi-modal-body {
+      padding: 15px;
+    }
+    .antsomi-modal-footer {
+      display: flex;
+      align-items: center;
+      padding-left: 15px;
+      padding-right: 15px;
+      margin-top: 0px;
+
       ${p => p.rightFooter
-    ? css `
-              justify-content: flex-end;
+    ? css `
+              justify-content: flex-end;
             `
-    : css `
-              justify-content: flex-start;
-            `}
-
-      .antsomi-btn {
-        height: 28px;
-        border-radius: ${THEME.token?.borderRadius}px;
-        font-size: ${THEME.token?.fontSize}px;
-        color: ${THEME.token?.colorPrimary};
-        font-weight: 700;
-
-        &:hover {
-          color: ${THEME.token?.colorTextHover};
-        }
-
-        &.antsomi-btn-primary {
-          background-color: ${THEME.token?.colorPrimary};
-          color: ${THEME.token?.bw0};
-
-          &:hover {
-            background-color: ${THEME.token?.colorTextHover};
-          }
-        }
-      }
-    }
-  }
+    : css `
+              justify-content: flex-start;
+            `}
+
+      .antsomi-btn {
+        height: 28px;
+        border-radius: ${THEME.token?.borderRadius}px;
+        font-size: ${THEME.token?.fontSize}px;
+        color: ${THEME.token?.colorPrimary};
+        font-weight: 700;
+
+        &:hover {
+          color: ${THEME.token?.colorTextHover};
+        }
+
+        &.antsomi-btn-primary {
+          background-color: ${THEME.token?.colorPrimary};
+          color: ${THEME.token?.bw0};
+
+          &:hover {
+            background-color: ${THEME.token?.colorTextHover};
+          }
+        }
+      }
+    }
+  }
 `;
-export const WrapperSpin = styled.div `
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+export const WrapperSpin = styled.div `
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 `;