@antscorp/antsomi-ui 2.0.101 → 2.0.103

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

@@ -4,131 +4,131 @@ import styled from 'styled-components';
 import { Tag, Select as AntdSelect } from 'antd';
 // Constants
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const SelectWrapper = styled.div `
-  position: relative;
-  display: flex;
-  flex-direction: column;
+export const SelectWrapper = styled.div `
+  position: relative;
+  display: flex;
+  flex-direction: column;
 `;
-export const StyledSelect = styled(AntdSelect) `
-  font-family: ${THEME.token?.fontFamily};
-
-  .antsomi-select-arrow {
-    display: flex;
-    align-items: center;
-    color: ${THEME.token?.colorTextBase} !important;
-  }
-
-  &.antsomi-select-open {
-    .antsomi-select-selector {
-      background-color: ${THEME.token?.blue0};
-      --tw-shadow: 0 1px 0 0 ${THEME.token?.colorPrimary} !important;
-      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-        var(--tw-shadow) !important;
-    }
-  }
-
-  &.antsomi-select-single:not(.antsomi-select-customize-input) .antsomi-select-selector {
-    height: 30px;
-  }
-
-  .antsomi-select-selector {
-    justify-content: space-between;
-    min-height: 30px;
-    padding-left: 5px;
-    padding-right: 5px;
-    font-weight: 400;
-    font-size: ${THEME.token?.fontSize}px;
-    color: ${THEME.token?.colorTextBase};
-    transition: all 0.3s ease-in;
-
-    &:hover {
-      background: ${THEME.token?.blue0};
-    }
-
-    height: ${props => props.className?.includes('select-auto-height') && 'auto'};
-    border-radius: 0px !important;
-    border-style: none !important;
-    --tw-shadow: 0 1px 0 0 ${THEME.token?.blue1} !important;
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-      var(--tw-shadow) !important;
-
-    &:active,
-    &:focus {
-      background: ${THEME.token?.blue0};
-      --tw-shadow: 0 1px 0 0 ${THEME.token?.colorPrimary} !important;
-      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-        var(--tw-shadow) !important;
-    }
-
-    &:disabled {
-      background: ${THEME.token?.accent};
-      color: ${THEME.token?.accent5};
-      box-shadow: 0 1px 0 0 ${THEME.token?.accent1};
-    }
-
-    .antsomi-select-selection-overflow {
-      row-gap: 5px;
-    }
-  }
-
-  &.antsomi-select-disabled {
-    .antsomi-select-arrow {
-      color: ${THEME.token?.colorTextDisabled} !important;
-    }
-
-    .antsomi-tag {
-      opacity: 0.5 !important;
-    }
-  }
-  &.antsomi-select-status-error {
-    border-bottom: solid 1px #ff4d4f !important;
-
-    ::placeholder {
-      color: #ff4d4f !important;
-    }
-  }
-
-  &.left-12 .antsomi-select-selection-placeholder {
-    left: 12px;
-  }
-
-  .antsomi-select-clear {
-    background: transparent;
-  }
+export const StyledSelect = styled(AntdSelect) `
+  font-family: ${THEME.token?.fontFamily};
+
+  .antsomi-select-arrow {
+    display: flex;
+    align-items: center;
+    color: ${THEME.token?.colorTextBase} !important;
+  }
+
+  &.antsomi-select-open {
+    .antsomi-select-selector {
+      background-color: ${THEME.token?.blue0};
+      --tw-shadow: 0 1px 0 0 ${THEME.token?.colorPrimary} !important;
+      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
+        var(--tw-shadow) !important;
+    }
+  }
+
+  &.antsomi-select-single:not(.antsomi-select-customize-input) .antsomi-select-selector {
+    height: 30px;
+  }
+
+  .antsomi-select-selector {
+    justify-content: space-between;
+    min-height: 30px;
+    padding-left: 5px;
+    padding-right: 5px;
+    font-weight: 400;
+    font-size: ${THEME.token?.fontSize}px;
+    color: ${THEME.token?.colorTextBase};
+    transition: all 0.3s ease-in;
+
+    &:hover {
+      background: ${THEME.token?.blue0};
+    }
+
+    height: ${props => props.className?.includes('select-auto-height') && 'auto'};
+    border-radius: 0px !important;
+    border-style: none !important;
+    --tw-shadow: 0 1px 0 0 ${THEME.token?.blue1} !important;
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
+      var(--tw-shadow) !important;
+
+    &:active,
+    &:focus {
+      background: ${THEME.token?.blue0};
+      --tw-shadow: 0 1px 0 0 ${THEME.token?.colorPrimary} !important;
+      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
+        var(--tw-shadow) !important;
+    }
+
+    &:disabled {
+      background: ${THEME.token?.accent};
+      color: ${THEME.token?.accent5};
+      box-shadow: 0 1px 0 0 ${THEME.token?.accent1};
+    }
+
+    .antsomi-select-selection-overflow {
+      row-gap: 5px;
+    }
+  }
+
+  &.antsomi-select-disabled {
+    .antsomi-select-arrow {
+      color: ${THEME.token?.colorTextDisabled} !important;
+    }
+
+    .antsomi-tag {
+      opacity: 0.5 !important;
+    }
+  }
+  &.antsomi-select-status-error {
+    border-bottom: solid 1px #ff4d4f !important;
+
+    ::placeholder {
+      color: #ff4d4f !important;
+    }
+  }
+
+  &.left-12 .antsomi-select-selection-placeholder {
+    left: 12px;
+  }
+
+  .antsomi-select-clear {
+    background: transparent;
+  }
 `;
-export const StyledTag = styled(Tag) `
-  position: relative !important;
-  display: flex !important;
-  align-items: center !important;
-  width: fit-content !important;
-  height: 24px !important;
-  margin-right: 5px !important;
-  padding: 5px 10px !important;
-  border-radius: 15px !important;
-  border: none !important;
-  background-color: ${THEME.token?.blue2} !important;
-  cursor: pointer !important;
-
-  .antsomi-tag-close-icon {
-    opacity: 0 !important;
-    position: absolute !important;
-    right: 2px !important;
-    transition: all 0.3s !important;
-  }
-
-  &:hover {
-    .antsomi-tag-close-icon {
-      opacity: 1 !important;
-    }
-  }
+export const StyledTag = styled(Tag) `
+  position: relative !important;
+  display: flex !important;
+  align-items: center !important;
+  width: fit-content !important;
+  height: 24px !important;
+  margin-right: 5px !important;
+  padding: 5px 10px !important;
+  border-radius: 15px !important;
+  border: none !important;
+  background-color: ${THEME.token?.blue2} !important;
+  cursor: pointer !important;
+
+  .antsomi-tag-close-icon {
+    opacity: 0 !important;
+    position: absolute !important;
+    right: 2px !important;
+    transition: all 0.3s !important;
+  }
+
+  &:hover {
+    .antsomi-tag-close-icon {
+      opacity: 1 !important;
+    }
+  }
 `;
-export const CloseButton = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-  border-radius: 26px;
-  border: 2px solid ${p => (p.borderColor ? p.borderColor : THEME.token?.blue2)};
-  background-color: ${THEME.token?.bw0};
+export const CloseButton = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  border-radius: 26px;
+  border: 2px solid ${p => (p.borderColor ? p.borderColor : THEME.token?.blue2)};
+  background-color: ${THEME.token?.bw0};
 `;

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

@@ -1,17 +1,17 @@
 // Libraries
 import styled, { css } from 'styled-components';
-export const StyledSettingWrapper = styled.div `
-  display: flex;
-
+export const StyledSettingWrapper = styled.div `
+  display: flex;
+
   ${props => props.$vertical
-    ? css `
-          flex-direction: column;
-          margin-top: 5px;
-          margin-bottom: 5px;
+    ? css `
+          flex-direction: column;
+          margin-top: 5px;
+          margin-bottom: 5px;
         `
-    : css `
-          align-items: center;
-          justify-content: space-between;
-          flex-wrap: wrap;
-        `}
+    : css `
+          align-items: center;
+          justify-content: space-between;
+          flex-wrap: wrap;
+        `}
 `;

package/es/components/molecules/ShareAccess/components/GeneralAccess/styled.js

@@ -1,59 +1,59 @@
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
 import styled from 'styled-components';
-export const StyledGeneralAccessRoot = styled.div `
-  display: flex;
-  flex-direction: column;
-
-  .title {
-    margin-bottom: 10px;
-  }
-
-  .setting {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    border: 1px solid #e6e6e6;
-    border-radius: ${THEME.token?.borderRadius}px;
-    padding: 15px;
-
-    /* .icon-angle {
-      font-size: 10px;
-      display: flex;
-      align-items: center;
-    } */
-
-    .accessable-icon {
-      font-size: 28px;
-      color: ${THEME.token?.colorPrimary};
-      display: flex;
-      align-items: center;
-    }
-
-    .general-info {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-      gap: 4px;
-      margin-left: 15px;
-
-      .general-dropdown-wrapper {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        gap: 4px;
-        width: fit-content;
-
-        .accessable-title {
-          font-weight: bold;
-        }
-      }
-    }
-
-    .public-role-dropdown-wrapper {
-      display: flex;
-      align-items: center;
-      gap: 4px;
-      cursor: pointer;
-    }
-  }
+export const StyledGeneralAccessRoot = styled.div `
+  display: flex;
+  flex-direction: column;
+
+  .title {
+    margin-bottom: 10px;
+  }
+
+  .setting {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border: 1px solid #e6e6e6;
+    border-radius: ${THEME.token?.borderRadius}px;
+    padding: 15px;
+
+    /* .icon-angle {
+      font-size: 10px;
+      display: flex;
+      align-items: center;
+    } */
+
+    .accessable-icon {
+      font-size: 28px;
+      color: ${THEME.token?.colorPrimary};
+      display: flex;
+      align-items: center;
+    }
+
+    .general-info {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      margin-left: 15px;
+
+      .general-dropdown-wrapper {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        width: fit-content;
+
+        .accessable-title {
+          font-weight: bold;
+        }
+      }
+    }
+
+    .public-role-dropdown-wrapper {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      cursor: pointer;
+    }
+  }
 `;

package/es/components/molecules/ShareAccess/components/LayoutContent/styled.js

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
-export const StyledLayoutContentRoot = styled.div `
-  font-size: 12px;
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
+export const StyledLayoutContentRoot = styled.div `
+  font-size: 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
 `;

package/es/components/molecules/ShareAccess/components/ModalTransferOwnerShip/styled.js

@@ -1,18 +1,18 @@
 import { Modal } from 'antd';
 import styled from 'styled-components';
-export const StyledModal = styled(Modal) `
-  &.antsomi-modal {
-    .antsomi-modal-content {
-      .antsomi-modal-header,
-      .antsomi-modal-body {
-        padding: 12px 12px 0 12px;
-      }
-
-      .antsomi-modal-footer {
-        display: flex;
-        justify-content: flex-start;
-        padding: 10px 12px;
-      }
-    }
-  }
+export const StyledModal = styled(Modal) `
+  &.antsomi-modal {
+    .antsomi-modal-content {
+      .antsomi-modal-header,
+      .antsomi-modal-body {
+        padding: 12px 12px 0 12px;
+      }
+
+      .antsomi-modal-footer {
+        display: flex;
+        justify-content: flex-start;
+        padding: 10px 12px;
+      }
+    }
+  }
 `;

package/es/components/molecules/ShareAccess/components/PeopleAccess/styled.js

@@ -1,66 +1,66 @@
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
 import styled from 'styled-components';
-export const StyledPeopleAccessRoot = styled.div `
-  display: flex;
-  flex-direction: column;
-
-  .title {
-    margin-bottom: 10px;
-  }
-
-  .antsomi-list {
-    border-radius: ${THEME.token?.borderRadius}px;
-    border: 1px solid #e6e6e6;
-
-    .antsomi-list-items {
-      /* padding: 0; */
-      padding: 15px;
-
-      .antsomi-list-item {
-        /* padding: 8px; */
-        padding: 0;
-        margin-bottom: 15px;
-        border: none;
-
-        &:last-child {
-          margin-bottom: 0;
-        }
-
-        .info {
-          flex: 1;
-          margin-left: 15px;
-
-          .name {
-            font-weight: bold;
-          }
-
-          .email {
-            color: ${THEME?.token?.bw8};
-          }
-        }
-
-        /* .antsomi-avatar {
-          align-self: flex-start;
-        } */
-
-        .role-actions {
-          display: flex;
-          align-items: center;
-          gap: 4px;
-
-          &:hover {
-            cursor: pointer;
-          }
-        }
-
-        /* .role-actions :not(i) {
-          align-self: flex-start !important;
-        } */
-      }
-    }
-
-    .antsomi-spin-nested-loading:not(:has(ul)) {
-      height: 125px;
-    }
-  }
+export const StyledPeopleAccessRoot = styled.div `
+  display: flex;
+  flex-direction: column;
+
+  .title {
+    margin-bottom: 10px;
+  }
+
+  .antsomi-list {
+    border-radius: ${THEME.token?.borderRadius}px;
+    border: 1px solid #e6e6e6;
+
+    .antsomi-list-items {
+      /* padding: 0; */
+      padding: 15px;
+
+      .antsomi-list-item {
+        /* padding: 8px; */
+        padding: 0;
+        margin-bottom: 15px;
+        border: none;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+
+        .info {
+          flex: 1;
+          margin-left: 15px;
+
+          .name {
+            font-weight: bold;
+          }
+
+          .email {
+            color: ${THEME?.token?.bw8};
+          }
+        }
+
+        /* .antsomi-avatar {
+          align-self: flex-start;
+        } */
+
+        .role-actions {
+          display: flex;
+          align-items: center;
+          gap: 4px;
+
+          &:hover {
+            cursor: pointer;
+          }
+        }
+
+        /* .role-actions :not(i) {
+          align-self: flex-start !important;
+        } */
+      }
+    }
+
+    .antsomi-spin-nested-loading:not(:has(ul)) {
+      height: 125px;
+    }
+  }
 `;

package/es/components/molecules/ShareAccess/components/SearchUser/styled.js

@@ -1,34 +1,34 @@
 import styled from 'styled-components';
-export const StyledSearchUserRoot = styled.div `
-  width: 100%;
-
-  .antsomi-select {
-    width: 100%;
-
-    /* move to global css (for autocomplete) */
-    /* .antsomi-select-selector {
-      border: none !important;
-    } */
-  }
+export const StyledSearchUserRoot = styled.div `
+  width: 100%;
+
+  .antsomi-select {
+    width: 100%;
+
+    /* move to global css (for autocomplete) */
+    /* .antsomi-select-selector {
+      border: none !important;
+    } */
+  }
 `;
-export const StyledSelectItem = styled.div `
-  display: flex;
-  justify-content: left;
-  align-items: center;
-  gap: 8px;
-
-  .info {
-    .name {
-      font-weight: bold;
-    }
-
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-  }
-
-  :hover {
-    background-color: #f2f9ff;
-    cursor: pointer;
-  }
+export const StyledSelectItem = styled.div `
+  display: flex;
+  justify-content: left;
+  align-items: center;
+  gap: 8px;
+
+  .info {
+    .name {
+      font-weight: bold;
+    }
+
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+  }
+
+  :hover {
+    background-color: #f2f9ff;
+    cursor: pointer;
+  }
 `;

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

@@ -2,6 +2,6 @@
 import styled from 'styled-components';
 // Constants
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const SliderWithInputNumberWrapper = styled.div `
-  font-size: ${THEME.token?.fontSize}px;
+export const SliderWithInputNumberWrapper = styled.div `
+  font-size: ${THEME.token?.fontSize}px;
 `;

package/es/components/molecules/Tabs/Tabs.js

@@ -1,14 +1,14 @@
 import { Tabs as AntdTabs } from 'antd';
 import styled from 'styled-components';
-export const Tabs = styled(AntdTabs) `
-  position: relative;
-  z-index: 1;
-
-  > .antsomi-tabs-nav {
-    ${({ shadow }) => (shadow ? 'box-shadow: 0px 3px 3px 0px #002E591A;' : '')}
-  }
-
-  .antsomi-tabs-tab-btn {
-    text-shadow: none !important;
-  }
+export const Tabs = styled(AntdTabs) `
+  position: relative;
+  z-index: 1;
+
+  > .antsomi-tabs-nav {
+    ${({ shadow }) => (shadow ? 'box-shadow: 0px 3px 3px 0px #002E591A;' : '')}
+  }
+
+  .antsomi-tabs-tab-btn {
+    text-shadow: none !important;
+  }
 `;