@antscorp/antsomi-ui 1.3.3-beta.77 → 1.3.3-beta.79

package/es/components/molecules/PreviewModal/PreviewModal.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { ModalProps } from '../ModalV2';
-export interface PreviewModalProps extends ModalProps {
-    modalHeaderClassName?: string;
-    modalBodyClassName?: string;
-}
-export declare const PreviewModal: React.FC<PreviewModalProps>;
+import React from 'react';
+import { ModalProps } from '../ModalV2';
+export interface PreviewModalProps extends ModalProps {
+    modalHeaderClassName?: string;
+    modalBodyClassName?: string;
+}
+export declare const PreviewModal: React.FC<PreviewModalProps>;

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

@@ -1,30 +1,30 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-// Libraries
-import React from 'react';
-import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
-import { Button, Icon } from '../../atoms';
-// Styled
-import { ModalBody, ModalHeader, StyledModal } from './styled';
-// Utils
-import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
-export const PreviewModal = props => {
-    const { onCancel } = props;
-    const { children, modalHeaderClassName, modalBodyClassName } = props, restProps = __rest(props, ["children", "modalHeaderClassName", "modalBodyClassName"]);
-    const { t } = i18nInstance;
-    return (React.createElement(StyledModal, Object.assign({}, restProps, { centered: true, closeIcon: null, footer: null, width: "100vw" }),
-        React.createElement(ModalHeader, { className: modalHeaderClassName },
-            React.createElement(Button, { className: "close-btn", onClick: onCancel },
-                React.createElement(Icon, { type: "icon-ants-remove-slim", size: 12 }),
-                t(translations.close))),
-        React.createElement(ModalBody, { className: modalBodyClassName }, children)));
-};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import React from 'react';
+import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
+import { Button, Icon } from '../../atoms';
+// Styled
+import { ModalBody, ModalHeader, StyledModal } from './styled';
+// Utils
+import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
+export const PreviewModal = props => {
+    const { onCancel } = props;
+    const { children, modalHeaderClassName, modalBodyClassName } = props, restProps = __rest(props, ["children", "modalHeaderClassName", "modalBodyClassName"]);
+    const { t } = i18nInstance;
+    return (React.createElement(StyledModal, Object.assign({}, restProps, { centered: true, closeIcon: null, footer: null, width: "100vw" }),
+        React.createElement(ModalHeader, { className: modalHeaderClassName },
+            React.createElement(Button, { className: "close-btn", onClick: onCancel },
+                React.createElement(Icon, { type: "icon-ants-remove-slim", size: 12 }),
+                t(translations.close))),
+        React.createElement(ModalBody, { className: modalBodyClassName }, children)));
+};

package/es/components/molecules/PreviewModal/index.d.ts

@@ -1,2 +1,2 @@
-export { PreviewModal } from './PreviewModal';
-export type { PreviewModalProps } from './PreviewModal';
+export { PreviewModal } from './PreviewModal';
+export type { PreviewModalProps } from './PreviewModal';

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

@@ -1 +1 @@
-export { PreviewModal } from './PreviewModal';
+export { PreviewModal } from './PreviewModal';

package/es/components/molecules/PreviewModal/styled.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const StyledModal: import("styled-components").StyledComponent<import("react").FC<import("../ModalV2").ModalV2Props>, any, {}, never>;
-export declare const ModalHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-export declare const ModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledModal: import("styled-components").StyledComponent<import("react").FC<import("../ModalV2").ModalV2Props>, any, {}, never>;
+export declare const ModalHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const ModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,39 +1,39 @@
-// Libraries
-import styled from 'styled-components';
-// Components
-import { ModalV2 } from '../ModalV2';
-import { Flex } from '@antscorp/antsomi-ui/es/components/atoms';
-const HEADER_HEIGHT = '50px';
-export const StyledModal = styled(ModalV2) `
-  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;
-  }
-`;
-ModalHeader.defaultProps = {
-    align: 'center',
-    justify: 'center',
-};
-export const ModalBody = styled.div.attrs({}) `
-  overflow: auto;
-`;
+// Libraries
+import styled from 'styled-components';
+// Components
+import { ModalV2 } from '../ModalV2';
+import { Flex } from '@antscorp/antsomi-ui/es/components/atoms';
+const HEADER_HEIGHT = '50px';
+export const StyledModal = styled(ModalV2) `
+  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;
+  }
+`;
+ModalHeader.defaultProps = {
+    align: 'center',
+    justify: 'center',
+};
+export const ModalBody = styled.div.attrs({}) `
+  overflow: auto;
+`;

package/es/components/molecules/RadioGroup/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import type { RadioGroupProps as AntdRadioGroupProps } from 'antd';
-interface RadioGroupProps extends AntdRadioGroupProps {
-    label?: string;
-}
-export declare const RadioGroup: React.FC<RadioGroupProps>;
-export {};
+import React from 'react';
+import type { RadioGroupProps as AntdRadioGroupProps } from 'antd';
+interface RadioGroupProps extends AntdRadioGroupProps {
+    label?: string;
+}
+export declare const RadioGroup: React.FC<RadioGroupProps>;
+export {};

package/es/components/molecules/RadioGroup/index.js

@@ -1,23 +1,23 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-// Libraries
-import React from 'react';
-// Components
-import { Text } from '@antscorp/antsomi-ui/es/components/atoms';
-// Styled
-import { RadioGroupWrapper, StyledRadioGroup } from './styled';
-export const RadioGroup = props => {
-    const { label } = props, restOf = __rest(props, ["label"]);
-    return (React.createElement(RadioGroupWrapper, null,
-        label ? React.createElement(Text, null, label) : null,
-        React.createElement(StyledRadioGroup, Object.assign({}, restOf))));
-};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import React from 'react';
+// Components
+import { Text } from '@antscorp/antsomi-ui/es/components/atoms';
+// Styled
+import { RadioGroupWrapper, StyledRadioGroup } from './styled';
+export const RadioGroup = props => {
+    const { label } = props, restOf = __rest(props, ["label"]);
+    return (React.createElement(RadioGroupWrapper, null,
+        label ? React.createElement(Text, null, label) : null,
+        React.createElement(StyledRadioGroup, Object.assign({}, restOf))));
+};

package/es/components/molecules/RadioGroup/styled.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const RadioGroupWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledRadioGroup: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>, any, {}, never>;
+/// <reference types="react" />
+export declare const RadioGroupWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledRadioGroup: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>, any, {}, never>;

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

@@ -1,14 +1,14 @@
-// Libraries
-import { Radio } from '@antscorp/antsomi-ui/es/components/atoms';
-import styled from 'styled-components';
-export const RadioGroupWrapper = styled.div `
-  display: flex;
-  align-items: center;
-
-  & > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(0.625rem /** 10px */ * var(--tw-space-x-reverse));
-    margin-left: calc(0.625rem /** 10px */ * calc(1 - var(--tw-space-x-reverse)));
-  }
-`;
-export const StyledRadioGroup = styled(Radio.Group) ``;
+// Libraries
+import { Radio } from '@antscorp/antsomi-ui/es/components/atoms';
+import styled from 'styled-components';
+export const RadioGroupWrapper = styled.div `
+  display: flex;
+  align-items: center;
+
+  & > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0.625rem /** 10px */ * var(--tw-space-x-reverse));
+    margin-left: calc(0.625rem /** 10px */ * calc(1 - var(--tw-space-x-reverse)));
+  }
+`;
+export const StyledRadioGroup = styled(Radio.Group) ``;

package/es/components/molecules/Result/Result.d.ts

@@ -1 +1 @@
-export declare const Result: import("antd/es/result").ResultType;
+export declare const Result: import("antd/es/result").ResultType;

package/es/components/molecules/Result/Result.js

@@ -1,2 +1,2 @@
-import { Result as AntdResult } from 'antd';
-export const Result = AntdResult;
+import { Result as AntdResult } from 'antd';
+export const Result = AntdResult;

package/es/components/molecules/Result/index.d.ts

@@ -1 +1 @@
-export { Result } from './Result';
+export { Result } from './Result';

package/es/components/molecules/Result/index.js

@@ -1 +1 @@
-export { Result } from './Result';
+export { Result } from './Result';

package/es/components/molecules/Select/Select.d.ts

@@ -1,17 +1,17 @@
-import { SelectProps as AntdSelectProps } from 'antd';
-import React from 'react';
-import { TextProps } from '../../atoms/Text';
-export interface SelectProps extends AntdSelectProps {
-    label?: string | React.ReactNode;
-    labelProps?: TextProps;
-}
-declare const Select: (<ValueType = any, OptionType extends import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: AntdSelectProps<ValueType, OptionType> & {
-    children?: React.ReactNode;
-} & React.RefAttributes<import("antd").RefSelectProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
-    displayName?: string | undefined;
-    SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
-    Option: import("rc-select/lib/Option").OptionFC;
-    OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => React.JSX.Element;
-} & React.FC<SelectProps>;
-export { Select };
+import { SelectProps as AntdSelectProps } from 'antd';
+import React from 'react';
+import { TextProps } from '../../atoms/Text';
+export interface SelectProps extends AntdSelectProps {
+    label?: string | React.ReactNode;
+    labelProps?: TextProps;
+}
+declare const Select: (<ValueType = any, OptionType extends import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: AntdSelectProps<ValueType, OptionType> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<import("antd").RefSelectProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+    displayName?: string | undefined;
+    SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
+    Option: import("rc-select/lib/Option").OptionFC;
+    OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => React.JSX.Element;
+} & React.FC<SelectProps>;
+export { Select };

package/es/components/molecules/Select/Select.js

@@ -1,50 +1,50 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var _a;
-// Libraries
-import { Select as AntdSelect } from 'antd';
-import React from 'react';
-// Components
-import { Flex } from '@antscorp/antsomi-ui/es/components/atoms';
-import { Text } from '../../atoms/Text';
-// Icons
-import Icon from '@antscorp/icons';
-// Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-// Styled
-import { StyledTag, TagCloseBtn } from './styled';
-const tagRender = (props) => {
-    const { label, closable, onClose } = props;
-    const onPreventMouseDown = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-    };
-    return (React.createElement(StyledTag, { onMouseDown: onPreventMouseDown, closable: closable, onClose: onClose, closeIcon: React.createElement(TagCloseBtn, null,
-            React.createElement(Icon, { type: "icon-ants-remove", className: "ants-text-primary", style: {
-                    fontSize: 10,
-                } })) }, label));
-};
-const CustomSelect = props => {
-    const { label, labelProps } = props, rest = __rest(props, ["label", "labelProps"]);
-    return (React.createElement(Flex, { vertical: true, gap: 4 },
-        typeof label === 'string' ? React.createElement(Text, Object.assign({}, labelProps), label) : label,
-        React.createElement(AntdSelect, Object.assign({}, rest))));
-};
-const Select = CustomSelect;
-Select.OptGroup = AntdSelect.OptGroup;
-Select.Option = AntdSelect.Option;
-Select.defaultProps = {
-    labelProps: { color: '#66666' },
-    suffixIcon: (React.createElement(Icon, { type: "icon-ants-expand-more", style: { fontSize: 16, color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw10 } })),
-    tagRender,
-};
-export { Select };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var _a;
+// Libraries
+import { Select as AntdSelect } from 'antd';
+import React from 'react';
+// Components
+import { Flex } from '@antscorp/antsomi-ui/es/components/atoms';
+import { Text } from '../../atoms/Text';
+// Icons
+import Icon from '@antscorp/icons';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+// Styled
+import { StyledTag, TagCloseBtn } from './styled';
+const tagRender = (props) => {
+    const { label, closable, onClose } = props;
+    const onPreventMouseDown = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+    };
+    return (React.createElement(StyledTag, { onMouseDown: onPreventMouseDown, closable: closable, onClose: onClose, closeIcon: React.createElement(TagCloseBtn, null,
+            React.createElement(Icon, { type: "icon-ants-remove", className: "ants-text-primary", style: {
+                    fontSize: 10,
+                } })) }, label));
+};
+const CustomSelect = props => {
+    const { label, labelProps } = props, rest = __rest(props, ["label", "labelProps"]);
+    return (React.createElement(Flex, { vertical: true, gap: 4 },
+        typeof label === 'string' ? React.createElement(Text, Object.assign({}, labelProps), label) : label,
+        React.createElement(AntdSelect, Object.assign({}, rest))));
+};
+const Select = CustomSelect;
+Select.OptGroup = AntdSelect.OptGroup;
+Select.Option = AntdSelect.Option;
+Select.defaultProps = {
+    labelProps: { color: '#66666' },
+    suffixIcon: (React.createElement(Icon, { type: "icon-ants-expand-more", style: { fontSize: 16, color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw10 } })),
+    tagRender,
+};
+export { Select };

package/es/components/molecules/Select/Test.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const SelectTest: () => React.JSX.Element;
-export default SelectTest;
+import React from 'react';
+declare const SelectTest: () => React.JSX.Element;
+export default SelectTest;

package/es/components/molecules/Select/Test.js

@@ -1,22 +1,22 @@
-import React from 'react';
-import { Select } from './index';
-const options = [
-    {
-        value: '1',
-        label: 'Item 1',
-    },
-    {
-        value: '2',
-        label: 'Item 2',
-    },
-    {
-        value: '3',
-        label: 'Item 3',
-    },
-    {
-        value: '4',
-        label: 'Item 4',
-    },
-];
-const SelectTest = () => React.createElement(Select, { options: options });
-export default SelectTest;
+import React from 'react';
+import { Select } from './index';
+const options = [
+    {
+        value: '1',
+        label: 'Item 1',
+    },
+    {
+        value: '2',
+        label: 'Item 2',
+    },
+    {
+        value: '3',
+        label: 'Item 3',
+    },
+    {
+        value: '4',
+        label: 'Item 4',
+    },
+];
+const SelectTest = () => React.createElement(Select, { options: options });
+export default SelectTest;

package/es/components/molecules/Select/index.d.ts

@@ -1,2 +1,2 @@
-export { Select } from './Select';
-export type { SelectProps } from './Select';
+export { Select } from './Select';
+export type { SelectProps } from './Select';

package/es/components/molecules/Select/index.js

@@ -1 +1 @@
-export { Select } from './Select';
+export { Select } from './Select';

package/es/components/molecules/Select/styled.d.ts

@@ -1,4 +1,4 @@
-export declare const StyledTag: import("styled-components").StyledComponent<import("antd").TagType, any, {}, never>;
-export declare const TagCloseBtn: import("styled-components").StyledComponent<"div", any, {
-    borderColor?: string | undefined;
-}, never>;
+export declare const StyledTag: import("styled-components").StyledComponent<import("antd").TagType, any, {}, never>;
+export declare const TagCloseBtn: import("styled-components").StyledComponent<"div", any, {
+    borderColor?: string | undefined;
+}, never>;

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

@@ -1,41 +1,41 @@
-var _a, _b, _c;
-// Libraries
-import styled from 'styled-components';
-// Components
-import { Tag } from '../../atoms';
-// Constants
-import { THEME } from '../../../constants';
-export const StyledTag = styled(Tag) `
-  position: relative;
-  background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.blue2} !important;
-  padding: 3px 10px !important;
-  margin: 0px !important;
-  border-radius: 15px !important;
-  border: none !important;
-  font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSize}px !important;
-
-  .antsomi-tag-close-icon {
-    opacity: 0;
-    transition: all 0.3s;
-  }
-
-  &:hover {
-    .antsomi-tag-close-icon {
-      opacity: 1;
-    }
-  }
-`;
-export const TagCloseBtn = styled.div `
-  position: absolute;
-  top: 3px;
-  right: 3px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  border-radius: 100%;
-  border: 2.5px solid ${p => (p.borderColor ? p.borderColor : '#cae5fe')};
-  background-color: #fff;
-  color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorPrimary};
-`;
+var _a, _b, _c;
+// Libraries
+import styled from 'styled-components';
+// Components
+import { Tag } from '../../atoms';
+// Constants
+import { THEME } from '../../../constants';
+export const StyledTag = styled(Tag) `
+  position: relative;
+  background-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.blue2} !important;
+  padding: 3px 10px !important;
+  margin: 0px !important;
+  border-radius: 15px !important;
+  border: none !important;
+  font-size: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.fontSize}px !important;
+
+  .antsomi-tag-close-icon {
+    opacity: 0;
+    transition: all 0.3s;
+  }
+
+  &:hover {
+    .antsomi-tag-close-icon {
+      opacity: 1;
+    }
+  }
+`;
+export const TagCloseBtn = styled.div `
+  position: absolute;
+  top: 3px;
+  right: 3px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  border-radius: 100%;
+  border: 2.5px solid ${p => (p.borderColor ? p.borderColor : '#cae5fe')};
+  background-color: #fff;
+  color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorPrimary};
+`;

package/es/components/molecules/SettingWrapper/index.d.ts

@@ -1,12 +1,12 @@
-import React, { CSSProperties } from 'react';
-export interface SettingWrapperProps {
-    label: string;
-    className?: string;
-    labelColor?: string;
-    labelClassName?: string;
-    labelStyle?: Record<string, any>;
-    containerStyle?: Partial<CSSProperties>;
-    vertical?: boolean;
-    children?: React.ReactNode;
-}
-export declare const SettingWrapper: React.FC<SettingWrapperProps>;
+import React, { CSSProperties } from 'react';
+export interface SettingWrapperProps {
+    label: string;
+    className?: string;
+    labelColor?: string;
+    labelClassName?: string;
+    labelStyle?: Record<string, any>;
+    containerStyle?: Partial<CSSProperties>;
+    vertical?: boolean;
+    children?: React.ReactNode;
+}
+export declare const SettingWrapper: React.FC<SettingWrapperProps>;