@antscorp/antsomi-ui 2.0.101 → 2.0.102

package/es/components/icons/index.d.ts

@@ -1,9 +1,9 @@
 export { AccountCircleIcon } from './AccountCircleIcon';
 export { AccountCircleOutlineIcon } from './AccountCircleOutlineIcon';
+export { Accounts30Icon } from './Accounts30Icon';
 export { AccountSharing30Icon } from './AccountSharing30Icon';
 export { AccountSharingIcon } from './AccountSharingIcon';
 export { AccountTreeIcon } from './AccountTreeIcon';
-export { Accounts30Icon } from './Accounts30Icon';
 export { AddChartIcon } from './AddChartIcon';
 export { AddFolderIcon } from './AddFolderIcon';
 export { AddIcon } from './AddIcon';
@@ -53,7 +53,6 @@ export { ChatBubbleOutlineIcon } from './ChatBubbleOutlineIcon';
 export { ChatConversationCommentAddCommentIcon } from './ChatConversationCommentAddCommentIcon';
 export { ChatMentionIcon } from './ChatMentionIcon';
 export { ChatUnreadIcon } from './ChatUnreadIcon';
-export { CheckSlimIcon } from './CheckSlimIcon';
 export { CheckboxChecked5RadiusIcon } from './CheckboxChecked5RadiusIcon';
 export { CheckboxCheckedIcon } from './CheckboxCheckedIcon';
 export { CheckboxIndeterminate5RadiusIcon } from './CheckboxIndeterminate5RadiusIcon';
@@ -61,6 +60,7 @@ export { CheckboxIndeterminateIcon } from './CheckboxIndeterminateIcon';
 export { CheckboxUnchecked5RadiusIcon } from './CheckboxUnchecked5RadiusIcon';
 export { CheckboxUncheckedIcon } from './CheckboxUncheckedIcon';
 export { ChecklistRtlIcon } from './ChecklistRtlIcon';
+export { CheckSlimIcon } from './CheckSlimIcon';
 export { CircleAddElementIcon } from './CircleAddElementIcon';
 export { CircleInfoIcon } from './CircleInfoIcon';
 export { CircleNotificationsIcon } from './CircleNotificationsIcon';
@@ -96,15 +96,15 @@ export { DataDestination30Icon } from './DataDestination30Icon';
 export { DataDestinationIcon } from './DataDestinationIcon';
 export { DataEncryption30Icon } from './DataEncryption30Icon';
 export { DataEncryptionIcon } from './DataEncryptionIcon';
+export { Dataflows30Icon } from './Dataflows30Icon';
 export { DataIcon } from './DataIcon';
 export { DataRefreshIcon } from './DataRefreshIcon';
 export { DataSchema30Icon } from './DataSchema30Icon';
 export { DataSource30Icon } from './DataSource30Icon';
-export { DataView30Icon } from './DataView30Icon';
-export { DataViewIcon } from './DataViewIcon';
-export { Dataflows30Icon } from './Dataflows30Icon';
 export { DatasourceIcon } from './DatasourceIcon';
 export { DatasourceSegment30Icon } from './DatasourceSegment30Icon';
+export { DataView30Icon } from './DataView30Icon';
+export { DataViewIcon } from './DataViewIcon';
 export { DecreaseDecimalIcon } from './DecreaseDecimalIcon';
 export { DeleteRemoveTrashIcon } from './DeleteRemoveTrashIcon';
 export { DeliveryLogIcon } from './DeliveryLogIcon';
@@ -168,6 +168,7 @@ export { ExportHtmlIcon } from './ExportHtmlIcon';
 export { ExportMenuIcon } from './ExportMenuIcon';
 export { ExtendValueIcon } from './ExtendValueIcon';
 export { FactCheckIcon } from './FactCheckIcon';
+export { FailSlim } from './FailSlim';
 export { FeedbackRatingIcon } from './FeedbackRatingIcon';
 export { FileDownloadIcon } from './FileDownloadIcon';
 export { FileTransferIcon } from './FileTransferIcon';
@@ -183,13 +184,13 @@ export { Form30Icon } from './Form30Icon';
 export { ForwardIcon } from './ForwardIcon';
 export { FreeDrawIcon } from './FreeDrawIcon';
 export { FullReviewIcon } from './FullReviewIcon';
-export { GPTIcon } from './GPTIcon';
 export { GalleryTemplateIcon } from './GalleryTemplateIcon';
 export { GeneralSettingIcon } from './GeneralSettingIcon';
 export { GeneralSettings30Icon } from './GeneralSettings30Icon';
 export { GenerateAutoWizardIcon } from './GenerateAutoWizardIcon';
 export { Geofence30Icon } from './Geofence30Icon';
 export { GetInsightIcon } from './GetInsightIcon';
+export { GPTIcon } from './GPTIcon';
 export { GridViewIcon } from './GridViewIcon';
 export { GroupIcon } from './GroupIcon';
 export { GroupLayerIcon } from './GroupLayerIcon';
@@ -218,6 +219,7 @@ export { IssueBugIcon } from './IssueBugIcon';
 export { ItemRecommendationIcon } from './ItemRecommendationIcon';
 export { JourneyTactic30Icon } from './JourneyTactic30Icon';
 export { JourneyTacticIcon } from './JourneyTacticIcon';
+export { KeyValueIcon } from './KeyValueIcon';
 export { LayerIcon } from './LayerIcon';
 export { LeftExpandIcon } from './LeftExpandIcon';
 export { LibraryIcon } from './LibraryIcon';
@@ -251,8 +253,8 @@ export { MuteIcon } from './MuteIcon';
 export { NodeViewIcon } from './NodeViewIcon';
 export { NoteNewIcon } from './NoteNewIcon';
 export { NotificationIcon } from './NotificationIcon';
-export { NotificationSettingIcon } from './NotificationSettingIcon';
 export { NotificationsActiveIcon } from './NotificationsActiveIcon';
+export { NotificationSettingIcon } from './NotificationSettingIcon';
 export { OpenNewTabIcon } from './OpenNewTabIcon';
 export { OpenUrlIcon } from './OpenUrlIcon';
 export { OrchestrationIcon } from './OrchestrationIcon';
@@ -304,7 +306,6 @@ export { RestoreDefaultIcon } from './RestoreDefaultIcon';
 export { ResumeIcon } from './ResumeIcon';
 export { RightExpandIcon } from './RightExpandIcon';
 export { Role30Icon } from './Role30Icon';
-export { SQLWorkspace30Icon } from './SQLWorkspace30Icon';
 export { SaveAsIcon } from './SaveAsIcon';
 export { SaveIcon } from './SaveIcon';
 export { ScheduleEmailDeliveryIcon } from './ScheduleEmailDeliveryIcon';
@@ -329,6 +330,7 @@ export { SignatureIcon } from './SignatureIcon';
 export { SlideGroupIcon } from './SlideGroupIcon';
 export { Sort1Icon } from './Sort1Icon';
 export { SortIcon } from './SortIcon';
+export { SQLWorkspace30Icon } from './SQLWorkspace30Icon';
 export { SqlWorkspaceIcon } from './SqlWorkspaceIcon';
 export { StatisticIcon } from './StatisticIcon';
 export { StatusInfoIcon } from './StatusInfoIcon';
@@ -380,9 +382,8 @@ export { VisitorIcon } from './VisitorIcon';
 export { VisitorInformationIcon } from './VisitorInformationIcon';
 export { WarningIcon } from './WarningIcon';
 export { WebAssetIcon } from './WebAssetIcon';
+export { WebhookIcon } from './WebhookIcon';
 export { WebIcon } from './WebIcon';
 export { WebPersonalizationIcon } from './WebPersonalizationIcon';
-export { WebhookIcon } from './WebhookIcon';
 export { WidgetIcon } from './WidgetIcon';
 export { WritingAIAssitantIcon } from './WritingAIAssitantIcon';
-export { FailSlim } from './FailSlim';

package/es/components/icons/index.js

@@ -1,9 +1,9 @@
 export { AccountCircleIcon } from './AccountCircleIcon';
 export { AccountCircleOutlineIcon } from './AccountCircleOutlineIcon';
+export { Accounts30Icon } from './Accounts30Icon';
 export { AccountSharing30Icon } from './AccountSharing30Icon';
 export { AccountSharingIcon } from './AccountSharingIcon';
 export { AccountTreeIcon } from './AccountTreeIcon';
-export { Accounts30Icon } from './Accounts30Icon';
 export { AddChartIcon } from './AddChartIcon';
 export { AddFolderIcon } from './AddFolderIcon';
 export { AddIcon } from './AddIcon';
@@ -53,7 +53,6 @@ export { ChatBubbleOutlineIcon } from './ChatBubbleOutlineIcon';
 export { ChatConversationCommentAddCommentIcon } from './ChatConversationCommentAddCommentIcon';
 export { ChatMentionIcon } from './ChatMentionIcon';
 export { ChatUnreadIcon } from './ChatUnreadIcon';
-export { CheckSlimIcon } from './CheckSlimIcon';
 export { CheckboxChecked5RadiusIcon } from './CheckboxChecked5RadiusIcon';
 export { CheckboxCheckedIcon } from './CheckboxCheckedIcon';
 export { CheckboxIndeterminate5RadiusIcon } from './CheckboxIndeterminate5RadiusIcon';
@@ -61,6 +60,7 @@ export { CheckboxIndeterminateIcon } from './CheckboxIndeterminateIcon';
 export { CheckboxUnchecked5RadiusIcon } from './CheckboxUnchecked5RadiusIcon';
 export { CheckboxUncheckedIcon } from './CheckboxUncheckedIcon';
 export { ChecklistRtlIcon } from './ChecklistRtlIcon';
+export { CheckSlimIcon } from './CheckSlimIcon';
 export { CircleAddElementIcon } from './CircleAddElementIcon';
 export { CircleInfoIcon } from './CircleInfoIcon';
 export { CircleNotificationsIcon } from './CircleNotificationsIcon';
@@ -96,15 +96,15 @@ export { DataDestination30Icon } from './DataDestination30Icon';
 export { DataDestinationIcon } from './DataDestinationIcon';
 export { DataEncryption30Icon } from './DataEncryption30Icon';
 export { DataEncryptionIcon } from './DataEncryptionIcon';
+export { Dataflows30Icon } from './Dataflows30Icon';
 export { DataIcon } from './DataIcon';
 export { DataRefreshIcon } from './DataRefreshIcon';
 export { DataSchema30Icon } from './DataSchema30Icon';
 export { DataSource30Icon } from './DataSource30Icon';
-export { DataView30Icon } from './DataView30Icon';
-export { DataViewIcon } from './DataViewIcon';
-export { Dataflows30Icon } from './Dataflows30Icon';
 export { DatasourceIcon } from './DatasourceIcon';
 export { DatasourceSegment30Icon } from './DatasourceSegment30Icon';
+export { DataView30Icon } from './DataView30Icon';
+export { DataViewIcon } from './DataViewIcon';
 export { DecreaseDecimalIcon } from './DecreaseDecimalIcon';
 export { DeleteRemoveTrashIcon } from './DeleteRemoveTrashIcon';
 export { DeliveryLogIcon } from './DeliveryLogIcon';
@@ -168,6 +168,7 @@ export { ExportHtmlIcon } from './ExportHtmlIcon';
 export { ExportMenuIcon } from './ExportMenuIcon';
 export { ExtendValueIcon } from './ExtendValueIcon';
 export { FactCheckIcon } from './FactCheckIcon';
+export { FailSlim } from './FailSlim';
 export { FeedbackRatingIcon } from './FeedbackRatingIcon';
 export { FileDownloadIcon } from './FileDownloadIcon';
 export { FileTransferIcon } from './FileTransferIcon';
@@ -183,13 +184,13 @@ export { Form30Icon } from './Form30Icon';
 export { ForwardIcon } from './ForwardIcon';
 export { FreeDrawIcon } from './FreeDrawIcon';
 export { FullReviewIcon } from './FullReviewIcon';
-export { GPTIcon } from './GPTIcon';
 export { GalleryTemplateIcon } from './GalleryTemplateIcon';
 export { GeneralSettingIcon } from './GeneralSettingIcon';
 export { GeneralSettings30Icon } from './GeneralSettings30Icon';
 export { GenerateAutoWizardIcon } from './GenerateAutoWizardIcon';
 export { Geofence30Icon } from './Geofence30Icon';
 export { GetInsightIcon } from './GetInsightIcon';
+export { GPTIcon } from './GPTIcon';
 export { GridViewIcon } from './GridViewIcon';
 export { GroupIcon } from './GroupIcon';
 export { GroupLayerIcon } from './GroupLayerIcon';
@@ -218,6 +219,7 @@ export { IssueBugIcon } from './IssueBugIcon';
 export { ItemRecommendationIcon } from './ItemRecommendationIcon';
 export { JourneyTactic30Icon } from './JourneyTactic30Icon';
 export { JourneyTacticIcon } from './JourneyTacticIcon';
+export { KeyValueIcon } from './KeyValueIcon';
 export { LayerIcon } from './LayerIcon';
 export { LeftExpandIcon } from './LeftExpandIcon';
 export { LibraryIcon } from './LibraryIcon';
@@ -251,8 +253,8 @@ export { MuteIcon } from './MuteIcon';
 export { NodeViewIcon } from './NodeViewIcon';
 export { NoteNewIcon } from './NoteNewIcon';
 export { NotificationIcon } from './NotificationIcon';
-export { NotificationSettingIcon } from './NotificationSettingIcon';
 export { NotificationsActiveIcon } from './NotificationsActiveIcon';
+export { NotificationSettingIcon } from './NotificationSettingIcon';
 export { OpenNewTabIcon } from './OpenNewTabIcon';
 export { OpenUrlIcon } from './OpenUrlIcon';
 export { OrchestrationIcon } from './OrchestrationIcon';
@@ -304,7 +306,6 @@ export { RestoreDefaultIcon } from './RestoreDefaultIcon';
 export { ResumeIcon } from './ResumeIcon';
 export { RightExpandIcon } from './RightExpandIcon';
 export { Role30Icon } from './Role30Icon';
-export { SQLWorkspace30Icon } from './SQLWorkspace30Icon';
 export { SaveAsIcon } from './SaveAsIcon';
 export { SaveIcon } from './SaveIcon';
 export { ScheduleEmailDeliveryIcon } from './ScheduleEmailDeliveryIcon';
@@ -329,6 +330,7 @@ export { SignatureIcon } from './SignatureIcon';
 export { SlideGroupIcon } from './SlideGroupIcon';
 export { Sort1Icon } from './Sort1Icon';
 export { SortIcon } from './SortIcon';
+export { SQLWorkspace30Icon } from './SQLWorkspace30Icon';
 export { SqlWorkspaceIcon } from './SqlWorkspaceIcon';
 export { StatisticIcon } from './StatisticIcon';
 export { StatusInfoIcon } from './StatusInfoIcon';
@@ -380,9 +382,8 @@ export { VisitorIcon } from './VisitorIcon';
 export { VisitorInformationIcon } from './VisitorInformationIcon';
 export { WarningIcon } from './WarningIcon';
 export { WebAssetIcon } from './WebAssetIcon';
+export { WebhookIcon } from './WebhookIcon';
 export { WebIcon } from './WebIcon';
 export { WebPersonalizationIcon } from './WebPersonalizationIcon';
-export { WebhookIcon } from './WebhookIcon';
 export { WidgetIcon } from './WidgetIcon';
 export { WritingAIAssitantIcon } from './WritingAIAssitantIcon';
-export { FailSlim } from './FailSlim';

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

@@ -4,32 +4,32 @@ import styled from 'styled-components';
 import { Flex } from '@antscorp/antsomi-ui/es/components/atoms/Flex';
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
 const { bw8, orange6 } = globalToken || {};
-export const AccessDeniedWrapper = styled(Flex) `
-  width: 100%;
-  height: 100%;
-
-  .access-denied {
-    &__lock {
-      width: 100px;
-      margin-bottom: 15px;
-    }
-
-    &__title {
-      color: ${orange6};
-      font-size: 20px;
-      line-height: 23.44px;
-    }
-
-    &__subtitle {
-      font-weight: 600;
-    }
-
-    &__description {
-      color: ${bw8};
-    }
-
-    &__actions {
-      margin-top: 20px;
-    }
-  }
+export const AccessDeniedWrapper = styled(Flex) `
+  width: 100%;
+  height: 100%;
+
+  .access-denied {
+    &__lock {
+      width: 100px;
+      margin-bottom: 15px;
+    }
+
+    &__title {
+      color: ${orange6};
+      font-size: 20px;
+      line-height: 23.44px;
+    }
+
+    &__subtitle {
+      font-weight: 600;
+    }
+
+    &__description {
+      color: ${bw8};
+    }
+
+    &__actions {
+      margin-top: 20px;
+    }
+  }
 `;

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

@@ -1,114 +1,114 @@
 import { globalToken, THEME } from '@antscorp/antsomi-ui/es/constants';
 import styled from 'styled-components';
-export const AccountSelectionStyled = styled.div `
-  background-color: white;
-  display: flex;
-  flex-direction: column;
-  width: 300px;
-  height: 450px;
-  box-shadow: 0px 3px 20px 0px #002e5933;
-
-  .antsomi-input-affix-wrapper {
-    padding: 8px 10px;
-    height: 40px;
-    box-sizing: border-box;
-    border-color: ${globalToken?.bw3};
-    &:hover,
-    &:focus,
-    &:focus-within {
-      border-color: ${globalToken?.bw3};
-    }
-  }
-
-  .recent-text {
-    color: ${THEME.token?.bw7};
-    padding: 6px 10px;
-  }
-
-  ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
-
-  ul.account-list {
-    border-top: 1px solid ${THEME.token?.bw3};
-    overflow-y: auto;
-  }
-
-  li {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 5px 10px;
-    margin-bottom: 6px;
-    cursor: pointer;
-
-    .account-name {
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-    .account-id {
-      flex-shrink: 0;
-    }
-  }
-
-  .all-account {
-    padding: 13px 10px;
-    height: 46px;
-    box-sizing: border-box;
-    border-top: 1px solid ${THEME.token?.bw3};
-    cursor: pointer;
-  }
-
-  li:hover,
-  .all-account:hover {
-    background-color: ${THEME.token?.blue};
-  }
-
-  li.is-selected,
-  .all-account.is-selected {
-    background-color: ${THEME.token?.blue1_1};
-  }
+export const AccountSelectionStyled = styled.div `
+  background-color: white;
+  display: flex;
+  flex-direction: column;
+  width: 300px;
+  height: 450px;
+  box-shadow: 0px 3px 20px 0px #002e5933;
+
+  .antsomi-input-affix-wrapper {
+    padding: 8px 10px;
+    height: 40px;
+    box-sizing: border-box;
+    border-color: ${globalToken?.bw3};
+    &:hover,
+    &:focus,
+    &:focus-within {
+      border-color: ${globalToken?.bw3};
+    }
+  }
+
+  .recent-text {
+    color: ${THEME.token?.bw7};
+    padding: 6px 10px;
+  }
+
+  ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  ul.account-list {
+    border-top: 1px solid ${THEME.token?.bw3};
+    overflow-y: auto;
+  }
+
+  li {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px 10px;
+    margin-bottom: 6px;
+    cursor: pointer;
+
+    .account-name {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+    .account-id {
+      flex-shrink: 0;
+    }
+  }
+
+  .all-account {
+    padding: 13px 10px;
+    height: 46px;
+    box-sizing: border-box;
+    border-top: 1px solid ${THEME.token?.bw3};
+    cursor: pointer;
+  }
+
+  li:hover,
+  .all-account:hover {
+    background-color: ${THEME.token?.blue};
+  }
+
+  li.is-selected,
+  .all-account.is-selected {
+    background-color: ${THEME.token?.blue1_1};
+  }
 `;
-export const PopoverFieldStyled = styled.div `
-  box-sizing: border-box;
-  width: 190px;
-  height: 36px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0 10px;
-  cursor: pointer;
-
-  background-color: white;
-
-  font-size: 12px;
-  font-weight: bold;
-
-  span {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  i {
-    color: ${THEME.token?.bw8};
-  }
-
-  &.select {
-    border: 1px solid ${THEME.token?.bw3};
-    border-radius: 999px;
-  }
-
-  &.input {
-    border-bottom: 1px solid ${THEME.token?.colorPrimary};
-    width: 300px;
-  }
-
-  & .is-placeholder {
-    color: ${THEME.token?.bw6};
-    font-weight: normal;
-  }
+export const PopoverFieldStyled = styled.div `
+  box-sizing: border-box;
+  width: 190px;
+  height: 36px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 10px;
+  cursor: pointer;
+
+  background-color: white;
+
+  font-size: 12px;
+  font-weight: bold;
+
+  span {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  i {
+    color: ${THEME.token?.bw8};
+  }
+
+  &.select {
+    border: 1px solid ${THEME.token?.bw3};
+    border-radius: 999px;
+  }
+
+  &.input {
+    border-bottom: 1px solid ${THEME.token?.colorPrimary};
+    width: 300px;
+  }
+
+  & .is-placeholder {
+    color: ${THEME.token?.bw6};
+    font-weight: normal;
+  }
 `;

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

@@ -2,29 +2,29 @@
 import { AutoComplete, Button } from 'antd';
 import styled from 'styled-components';
 import { Modal } from '../Modal';
-export const InputSuggestion = styled(AutoComplete) `
-  .antsomi-select-selector {
-    border-right: none !important;
-    border-left: none !important;
-    border-top: none !important;
-    border-bottom: 1px solid #d9d9d9 !important;
-  }
+export const InputSuggestion = styled(AutoComplete) `
+  .antsomi-select-selector {
+    border-right: none !important;
+    border-left: none !important;
+    border-top: none !important;
+    border-bottom: 1px solid #d9d9d9 !important;
+  }
 `;
-export const ModalCustom = styled(Modal) `
-  .antsomi-modal-body {
-    overflow: auto;
-    max-height: 500px;
-  }
+export const ModalCustom = styled(Modal) `
+  .antsomi-modal-body {
+    overflow: auto;
+    max-height: 500px;
+  }
 `;
-export const ButtonCustom = styled(Button) `
-  width: 64px;
-  background-color: rgb(191 219 254);
-
-  &:hover {
-    background-color: rgb(147 197 253);
-  }
-
-  &:focus {
-    background-color: rgb(147 197 253);
-  }
+export const ButtonCustom = styled(Button) `
+  width: 64px;
+  background-color: rgb(191 219 254);
+
+  &:hover {
+    background-color: rgb(147 197 253);
+  }
+
+  &:focus {
+    background-color: rgb(147 197 253);
+  }
 `;

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

@@ -1,7 +1,7 @@
 // Libraries
 import styled from 'styled-components';
-export const AlignSettingWrapper = styled.div `
-  display: flex;
-  gap: 10px;
-  align-items: center;
+export const AlignSettingWrapper = styled.div `
+  display: flex;
+  gap: 10px;
+  align-items: center;
 `;

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

@@ -4,37 +4,37 @@ import styled from 'styled-components';
 import { Flex } from '@antscorp/antsomi-ui/es/components/atoms/Flex';
 // Constants
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
-export const ContentWrapper = styled.div `
-  .content {
-    &__body {
-      padding: 15px;
-    }
-
-    &__title {
-      font-size: ${globalToken?.fontSizeXL}px;
-      font-weight: 500;
-    }
-
-    &__footer {
-      display: flex;
-      padding: 15px;
-      gap: 10px;
-      border-top: 1px solid ${globalToken?.bw3};
-    }
-  }
+export const ContentWrapper = styled.div `
+  .content {
+    &__body {
+      padding: 15px;
+    }
+
+    &__title {
+      font-size: ${globalToken?.fontSizeXL}px;
+      font-weight: 500;
+    }
+
+    &__footer {
+      display: flex;
+      padding: 15px;
+      gap: 10px;
+      border-top: 1px solid ${globalToken?.bw3};
+    }
+  }
 `;
-export const CloseButton = styled(Flex) `
-  width: 24px;
-  height: 24px;
-  color: ${globalToken?.bw8};
-  transition: all 0.3s;
-  cursor: pointer;
-
-  &:hover {
-    color: ${globalToken?.bw10};
-  }
-
-  i {
-    font-size: 12px;
-  }
+export const CloseButton = styled(Flex) `
+  width: 24px;
+  height: 24px;
+  color: ${globalToken?.bw8};
+  transition: all 0.3s;
+  cursor: pointer;
+
+  &:hover {
+    color: ${globalToken?.bw10};
+  }
+
+  i {
+    font-size: 12px;
+  }
 `;

package/es/components/molecules/CalendarSelection/components/AutoUpdateTo/styled.js

@@ -1,10 +1,10 @@
 import styled from 'styled-components';
-export const StyledAutoUpdateToRoot = styled.div `
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  .antsomi-select-selector {
-    min-width: 80px;
-  }
+export const StyledAutoUpdateToRoot = styled.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .antsomi-select-selector {
+    min-width: 80px;
+  }
 `;