intelicoreact 1.6.6 → 1.6.8

package/dist/Atomic/FormElements/TimeRange/TimeRange.test.js

@@ -1,163 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("@testing-library/react");
-const _userevent = /*#__PURE__*/ _interop_require_default(require("@testing-library/user-event"));
-const _TimeRange = /*#__PURE__*/ _interop_require_default(require("./TimeRange"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-describe('timeRange', ()=>{
-    const defaultProps = {
-        from: '09:00',
-        to: '17:00',
-        labelFrom: 'Start',
-        labelTo: 'End'
-    };
-    it('renders without crashing', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeRange.default, {}));
-        expect(_react.screen.getByTestId('time-range')).toBeInTheDocument();
-    });
-    it('renders with default labels when no labels provided', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeRange.default, {}));
-        expect(_react.screen.getByText('Between')).toBeInTheDocument();
-        expect(_react.screen.getByText('and')).toBeInTheDocument();
-    });
-    it('renders with custom labels', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeRange.default, {
-            ...defaultProps
-        }));
-        expect(_react.screen.getByText('Start')).toBeInTheDocument();
-        expect(_react.screen.getByText('End')).toBeInTheDocument();
-    });
-    it('displays initial time values', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeRange.default, {
-            ...defaultProps
-        }));
-        const startInputWrapper = _react.screen.getByTestId('start-time-input');
-        const startInput = startInputWrapper.querySelector('input');
-        const endInputWrapper = _react.screen.getByTestId('end-time-input');
-        const endInput = endInputWrapper.querySelector('input');
-        expect(startInput.value).toBe('09:00');
-        expect(endInput.value).toBe('17:00');
-    });
-    it('handles time input changes', async ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeRange.default, {}));
-        const startInputWrapper = _react.screen.getByTestId('start-time-input');
-        const startInput = startInputWrapper.querySelector('input');
-        const endInputWrapper = _react.screen.getByTestId('end-time-input');
-        const endInput = endInputWrapper.querySelector('input');
-        await _userevent.default.type(startInput, '10:30');
-        await _userevent.default.type(endInput, '18:30');
-        expect(startInput).toHaveValue('10:30');
-        expect(endInput).toHaveValue('18:30');
-    });
-    it('validates time format on blur', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeRange.default, {}));
-        const startInputWrapper = _react.screen.getByTestId('start-time-input');
-        const startInput = startInputWrapper.querySelector('input');
-        _react.fireEvent.change(startInput, {
-            target: {
-                value: 'invalid'
-            }
-        });
-        _react.fireEvent.blur(startInput);
-        expect(_react.screen.getByText('Between')).toBeInTheDocument();
-    });
-    it('formats valid time on blur', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeRange.default, {}));
-        const startInputWrapper = _react.screen.getByTestId('start-time-input');
-        const startInput = startInputWrapper.querySelector('input');
-        _react.fireEvent.change(startInput, {
-            target: {
-                value: '9:00'
-            }
-        });
-        _react.fireEvent.blur(startInput);
-        expect(startInput).toHaveValue('9:00');
-    });
-    it('applies custom className', ()=>{
-        const customClass = 'custom-time-range';
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeRange.default, {
-            className: customClass
-        }));
-        expect(_react.screen.getByTestId('time-range')).toHaveClass(customClass);
-    });
-    it('handles empty time values', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeRange.default, {}));
-        const startInputWrapper = _react.screen.getByTestId('start-time-input');
-        const startInput = startInputWrapper.querySelector('input');
-        const endInputWrapper = _react.screen.getByTestId('end-time-input');
-        const endInput = endInputWrapper.querySelector('input');
-        _react.fireEvent.change(startInput, {
-            target: {
-                value: ''
-            }
-        });
-        _react.fireEvent.change(endInput, {
-            target: {
-                value: ''
-            }
-        });
-        _react.fireEvent.blur(startInput);
-        _react.fireEvent.blur(endInput);
-        expect(startInput).toHaveValue('');
-        expect(endInput).toHaveValue('');
-    });
-    describe('time validation', ()=>{
-        it('validates correct time format', ()=>{
-            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeRange.default, {}));
-            const startInputWrapper = _react.screen.getByTestId('start-time-input');
-            const startInput = startInputWrapper.querySelector('input');
-            // Valid time
-            _react.fireEvent.change(startInput, {
-                target: {
-                    value: '13:45'
-                }
-            });
-            _react.fireEvent.blur(startInput);
-            expect(_react.screen.queryByText('HH:MM format')).not.toBeInTheDocument();
-            // Invalid time
-            _react.fireEvent.change(startInput, {
-                target: {
-                    value: '25:70'
-                }
-            });
-            _react.fireEvent.blur(startInput);
-            expect(_react.screen.getByText('Between')).toBeInTheDocument();
-        });
-        it('handles various time input formats', ()=>{
-            (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_TimeRange.default, {}));
-            const startInputWrapper = _react.screen.getByTestId('start-time-input');
-            const startInput = startInputWrapper.querySelector('input');
-            // Test different valid formats
-            const testCases = [
-                {
-                    input: '9:30',
-                    expected: '9:30'
-                },
-                {
-                    input: '14:00',
-                    expected: '14:00'
-                },
-                {
-                    input: '23:59',
-                    expected: '23:59'
-                }
-            ];
-            testCases.forEach(({ input, expected })=>{
-                _react.fireEvent.change(startInput, {
-                    target: {
-                        value: input
-                    }
-                });
-                _react.fireEvent.blur(startInput);
-                expect(startInput).toHaveValue(expected);
-            });
-        });
-    });
-});

package/dist/Atomic/FormElements/UserContacts/UserContact.test.js

@@ -1,381 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _react1 = require("@testing-library/react");
-const _UserContacts = /*#__PURE__*/ _interop_require_default(require("./UserContacts"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function createTestProps(overrides = {}) {
-    return {
-        email: 'test@example.com',
-        phone: '+1234567890',
-        ...overrides
-    };
-}
-function mockResizeObserver() {
-    class ResizeObserverMock {
-        observe() {}
-        unobserve() {}
-        disconnect() {}
-    }
-    window.ResizeObserver = ResizeObserverMock;
-}
-function mockRefs(widths) {
-    const refs = {
-        mainRef: {
-            current: {
-                clientWidth: widths.main || 500
-            }
-        },
-        firstRef: {
-            current: {
-                clientWidth: widths.first || 100
-            }
-        },
-        secondRef: {
-            current: {
-                clientWidth: widths.second || 100
-            }
-        },
-        contactsRef: {
-            current: {
-                clientWidth: widths.contacts || 100
-            }
-        }
-    };
-    return refs;
-}
-describe('userContacts', ()=>{
-    const testEmail = 'test@example.com';
-    const testPhone = '+1234567890';
-    const defaultProps = {
-        email: testEmail,
-        phone: testPhone
-    };
-    it('renders without crashing', ()=>{
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-            ...defaultProps
-        }));
-        expect(_react1.screen.getByTestId('user-contacts')).toBeInTheDocument();
-    });
-    it('renders email and phone correctly', ()=>{
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-            ...defaultProps
-        }));
-        const emailLink = _react1.screen.getByText(`${testEmail},`);
-        const phoneLink = _react1.screen.getByText(testPhone);
-        expect(emailLink).toBeInTheDocument();
-        expect(phoneLink).toBeInTheDocument();
-        expect(emailLink.closest('a')).toHaveAttribute('href', `mailto:${testEmail}`);
-        expect(phoneLink.closest('a')).toHaveAttribute('href', `tel:${testPhone}`);
-    });
-    it('renders phone first when isFirstPhone is true', ()=>{
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-            ...defaultProps,
-            isFirstPhone: true
-        }));
-        const links = _react1.screen.getAllByRole('link');
-        expect(links[0]).toHaveAttribute('href', `tel:${testPhone}`);
-        expect(links[1]).toHaveAttribute('href', `mailto:${testEmail}`);
-    });
-    it('renders main contacts correctly', ()=>{
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-            ...defaultProps,
-            isDisputeContact: true,
-            isSalesContact: true
-        }));
-        expect(_react1.screen.getByText(/Dispute/)).toBeInTheDocument();
-        expect(_react1.screen.getByText(/Sales/)).toBeInTheDocument();
-    });
-    it('renders contacts with custom prefix and postfix', ()=>{
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-            ...defaultProps,
-            isDisputeContact: {
-                prefix: 'Primary',
-                postfix: 'Manager'
-            }
-        }));
-        expect(_react1.screen.getByText(/Primary Dispute Manager/)).toBeInTheDocument();
-    });
-    it('renders other contacts correctly', ()=>{
-        const otherContacts = [
-            'Support',
-            'Marketing'
-        ];
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-            ...defaultProps,
-            otherContacts: otherContacts
-        }));
-        otherContacts.forEach((contact)=>{
-            expect(_react1.screen.getByText(new RegExp(contact))).toBeInTheDocument();
-        });
-    });
-    it('uses custom translation function', ()=>{
-        const Lng = (value)=>`translated_${value}`;
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-            ...defaultProps,
-            Lng: Lng,
-            isDisputeContact: true
-        }));
-        expect(_react1.screen.getByText(/translated_Dispute/)).toBeInTheDocument();
-    });
-    it('renders with custom generalizing word', ()=>{
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-            ...defaultProps,
-            generalizingWord: "department",
-            isDisputeContact: true
-        }));
-        expect(_react1.screen.getByText(/department/)).toBeInTheDocument();
-    });
-    it('does not render generalizing word when isNotRenderGeneralizingWord is true', ()=>{
-        const { container } = (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-            ...defaultProps,
-            generalizingWord: "department",
-            isNotRenderGeneralizingWord: true,
-            isDisputeContact: true
-        }));
-        expect(container).not.toHaveTextContent(/department/);
-    });
-    it('handles empty props correctly', ()=>{
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {}));
-        expect(_react1.screen.getByTestId('user-contacts')).toBeEmptyDOMElement();
-    });
-    it('applies custom className correctly', ()=>{
-        const customClass = 'custom-class';
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-            ...defaultProps,
-            className: customClass
-        }));
-        expect(_react1.screen.getByTestId('user-contacts')).toHaveClass(customClass);
-    });
-    it('applies custom className correctly', ()=>{
-        const customClass = 'custom-class';
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-            ...defaultProps,
-            className: customClass
-        }));
-        expect(_react1.screen.getByTestId('user-contacts')).toHaveClass(customClass);
-    });
-    it('uses custom icons correctly', ()=>{
-        const CustomEmailIcon = ()=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                "data-testid": "custom-email-icon",
-                children: "📧"
-            });
-        const CustomPhoneIcon = ()=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                "data-testid": "custom-phone-icon",
-                children: "📞"
-            });
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-            ...defaultProps,
-            EmailIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(CustomEmailIcon, {}),
-            PhoneIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(CustomPhoneIcon, {}),
-            maxWidth: 100
-        }));
-        // Имитируем маленькую ширину для активации режима иконок
-        Object.defineProperty(HTMLElement.prototype, 'clientWidth', {
-            configurable: true,
-            value: 50
-        });
-    });
-    it('renders other contacts together with main contacts when isOtherTogetherMainContacts is true', ()=>{
-        const otherContacts = [
-            'Support'
-        ];
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-            ...defaultProps,
-            isDisputeContact: true,
-            otherContacts: otherContacts,
-            isOtherTogetherMainContacts: true
-        }));
-        const contactsContainer = _react1.screen.getByTestId('user-contacts');
-        expect(contactsContainer.textContent).toMatch(/Dispute.*Support/);
-    });
-    it('trims contact values correctly', ()=>{
-        const emailWithSpaces = ' test@example.com ';
-        const phoneWithSpaces = ' +1234567890 ';
-        (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-            email: emailWithSpaces,
-            phone: phoneWithSpaces
-        }));
-        const emailLink = _react1.screen.getByText(`${emailWithSpaces.trim()} ,`);
-        const phoneLink = _react1.screen.getByText(phoneWithSpaces.trim());
-        expect(emailLink.closest('a')).toHaveAttribute('href', `mailto:${emailWithSpaces.trim()}`);
-        expect(phoneLink.closest('a')).toHaveAttribute('href', `tel:${phoneWithSpaces.trim()}`);
-    });
-    describe('layout behavior', ()=>{
-        beforeEach(()=>{
-            jest.useFakeTimers();
-        });
-        afterEach(()=>{
-            jest.useRealTimers();
-        });
-        it('switches to icon mode when content exceeds maxWidth', ()=>{
-            // Мокаем размеры элементов
-            const mockRefs = {
-                mainRef: {
-                    current: {
-                        clientWidth: 100
-                    }
-                },
-                firstRef: {
-                    current: {
-                        clientWidth: 40
-                    }
-                },
-                secondRef: {
-                    current: {
-                        clientWidth: 40
-                    }
-                },
-                contactsRef: {
-                    current: {
-                        clientWidth: 40
-                    }
-                }
-            };
-            jest.spyOn(_react.default, 'useRef').mockImplementation(()=>mockRefs.mainRef);
-            jest.spyOn(_react.default, 'useRef').mockImplementation(()=>mockRefs.firstRef);
-            jest.spyOn(_react.default, 'useRef').mockImplementation(()=>mockRefs.secondRef);
-            jest.spyOn(_react.default, 'useRef').mockImplementation(()=>mockRefs.contactsRef);
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-                ...defaultProps,
-                maxWidth: 100
-            }));
-            jest.runAllTimers();
-        });
-    });
-    describe('main contacts combinations', ()=>{
-        it('renders all types of main contacts correctly', ()=>{
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-                ...defaultProps,
-                isDisputeContact: true,
-                isSalesContact: true,
-                isAccountingContact: true,
-                isBusinessContact: true,
-                isTechnicalContact: true
-            }));
-            const contactTypes = [
-                'Dispute',
-                'Sales',
-                'Accounting',
-                'Business',
-                'Technical'
-            ];
-            contactTypes.forEach((type)=>{
-                expect(_react1.screen.getByText(new RegExp(type))).toBeInTheDocument();
-            });
-        });
-        it('handles complex prefix and postfix combinations', ()=>{
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-                ...defaultProps,
-                isDisputeContact: {
-                    prefix: 'Senior',
-                    postfix: 'Manager'
-                },
-                isSalesContact: {
-                    prefix: 'Lead',
-                    postfix: 'Representative'
-                }
-            }));
-            expect(_react1.screen.getByText(/Senior Dispute Manager/)).toBeInTheDocument();
-            expect(_react1.screen.getByText(/Lead Sales Representative/)).toBeInTheDocument();
-        });
-    });
-    describe('userContacts', ()=>{
-        // Подготавливаем окружение перед каждым тестом
-        beforeEach(()=>{
-            mockResizeObserver();
-        });
-        it('renders with default test props', ()=>{
-            const props = createTestProps();
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-                ...props
-            }));
-            expect(_react1.screen.getByTestId('user-contacts')).toBeInTheDocument();
-            expect(_react1.screen.getByText(`${props.email},`)).toBeInTheDocument();
-            expect(_react1.screen.getByText(props.phone)).toBeInTheDocument();
-        });
-        it('renders all contact types with prefixes', ()=>{
-            const props = createTestProps({
-                isDisputeContact: {
-                    prefix: 'Senior',
-                    postfix: 'Manager'
-                },
-                isSalesContact: {
-                    prefix: 'Lead',
-                    postfix: 'Representative'
-                },
-                isAccountingContact: true,
-                isBusinessContact: true,
-                isTechnicalContact: true
-            });
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-                ...props
-            }));
-            expect(_react1.screen.getByText(/Senior Dispute Manager/)).toBeInTheDocument();
-            expect(_react1.screen.getByText(/Lead Sales Representative/)).toBeInTheDocument();
-            expect(_react1.screen.getByText(/Accounting/)).toBeInTheDocument();
-            expect(_react1.screen.getByText(/Business/)).toBeInTheDocument();
-            expect(_react1.screen.getByText(/Technical/)).toBeInTheDocument();
-        });
-        it('handles empty props gracefully', ()=>{
-            const props = createTestProps({
-                email: undefined,
-                phone: undefined
-            });
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-                ...props
-            }));
-            expect(_react1.screen.getByTestId('user-contacts')).toBeEmptyDOMElement();
-        });
-        it('renders other contacts correctly', ()=>{
-            const props = createTestProps({
-                otherContacts: [
-                    'Support',
-                    'Marketing'
-                ],
-                isOtherTogetherMainContacts: true
-            });
-            (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-                ...props
-            }));
-            expect(_react1.screen.getByText(/Support/)).toBeInTheDocument();
-            expect(_react1.screen.getByText(/Marketing/)).toBeInTheDocument();
-        });
-        describe('layout behavior', ()=>{
-            beforeEach(()=>{
-                jest.useFakeTimers();
-            });
-            afterEach(()=>{
-                jest.useRealTimers();
-            });
-            it('updates layout on prop changes', ()=>{
-                const refs = mockRefs({
-                    main: 200,
-                    first: 50,
-                    second: 50,
-                    contacts: 50
-                });
-                jest.spyOn(_react.default, 'useRef').mockImplementationOnce(()=>refs.mainRef).mockImplementationOnce(()=>refs.firstRef).mockImplementationOnce(()=>refs.secondRef).mockImplementationOnce(()=>refs.contactsRef);
-                const { rerender } = (0, _react1.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-                    ...createTestProps()
-                }));
-                // Перерендер с новыми пропсами
-                rerender(/*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-                    ...createTestProps({
-                        email: 'new@test.com'
-                    })
-                }));
-                jest.runAllTimers();
-                // Проверяем, что компонент обновился с новым email
-                expect(_react1.screen.getByText('new@test.com,')).toBeInTheDocument();
-            });
-        });
-    });
-});

package/dist/Atomic/FormElements/UserContacts/UserContacts.stories.js

@@ -1,74 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    UserContactsTemplate: function() {
-        return UserContactsTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _UserContacts = /*#__PURE__*/ _interop_require_default(require("./UserContacts"));
-require("./partial/AnyOuterClass.scss");
-require("../../../../../scss/main.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const _default = {
-    title: 'Form Elements/UserContacts',
-    component: _UserContacts.default
-};
-const Template = (args)=>{
-    const { isIncludeOuterStyles, ...restArgs } = args;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_UserContacts.default, {
-        className: isIncludeOuterStyles ? 'any-outer-class__user-contacts' : '',
-        ...restArgs
-    });
-};
-const UserContactsTemplate = Template.bind({});
-UserContactsTemplate.args = {
-    isIncludeOuterStyles: false,
-    email: 'vosnosdnonsjo@kvmsdv.com',
-    // email: 0,
-    phone: '1111-111-111',
-    // phone: 0,
-    isDisputeContact: false,
-    // isDisputeContact: { prefix: '', postfix: '' },
-    isSalesContact: false,
-    // isSalesContact: { prefix: '', postfix: '' },
-    isAccountingContact: false,
-    // isAccountingContact: { prefix: '', postfix: '' },
-    // isBusinessContact: false,
-    isBusinessContact: {
-        prefix: 'Primary',
-        postfix: ''
-    },
-    // isTechnicalContact: false,
-    isTechnicalContact: {
-        prefix: 'Primary',
-        postfix: 'Contact'
-    },
-    // otherContacts: ['My personal account manager'],
-    otherContacts: [
-        'Super',
-        'Any',
-        'View'
-    ],
-    isOtherTogetherMainContacts: false,
-    // generalizingWord: 'manager',
-    isNotRenderGeneralizingWord: false,
-    isFirstPhone: false,
-    isUseCommaSeparator: true,
-    maxWidth: 480
-};

package/dist/Atomic/FormElements/UserContacts/partial/AnyOuterClass.scss

@@ -1,21 +0,0 @@
-@import "https://fonts.googleapis.com/css2?family=Sarabun&display=swap";
-
-.any-outer-class__user-contacts {
-  .user-contacts__email,
-  .user-contacts__phone,
-  .user-contacts__contacts {
-    font-family: Sarabun, sans-serif;
-    font-size: 14px;
-    font-weight: 400;
-    font-style: normal;
-    line-height: 20px;
-    text-decoration: none;
-    letter-spacing: 0.2px;
-
-    color: #1f7499;
-  }
-
-  .user-contacts__contacts {
-    color: #3b414b;
-  }
-}