@itcase/ui 1.1.21 → 1.1.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Accordion-DFgzxKlH.js → Accordion-FIIzpSgl.js} +2 -2
- package/dist/{Avatar-B_7tOMik.js → Avatar-DR2A8Na8.js} +2 -2
- package/dist/{Badge-DtYgQu3L.js → Badge-CLV5v6N7.js} +1 -1
- package/dist/{Breadcrumbs-EQmNm0OH.js → Breadcrumbs-CDKi6gOC.js} +3 -3
- package/dist/{Button-BlPfX0sG.js → Button-Vxs8zjSy.js} +10 -16
- package/dist/{Card-DEs1Rr88.js → Card-CvW4Qozl.js} +1 -1
- package/dist/{Cell-BTH03V30.js → Cell-3We_qMvM.js} +3 -3
- package/dist/{Checkbox-BmQo6ByV.js → Checkbox-0h4YosTW.js} +1 -1
- package/dist/{Chips-CBPMHkdw.js → Chips-uYPtUsLf.js} +1 -1
- package/dist/{Choice-DsyZ57RY.js → Choice-CeQ9Il98.js} +3 -3
- package/dist/{ContextMenuItem-BrLq1iQl.js → ContextMenuItem-KPAQQHlQ.js} +2 -2
- package/dist/{CookiesWarning--bl8qppa.js → CookiesWarning-Dc6YFhTn.js} +3 -3
- package/dist/{DatePicker-DwvyPEnL.js → DatePicker-l1a-OAls.js} +4 -4
- package/dist/{DropdownItem-D_DLgDdG.js → DropdownItem-CkojAA8a.js} +2 -2
- package/dist/{Group-BDmYkT7d.js → Group-DLmtajo8.js} +2 -2
- package/dist/{Icon-CPCBYWfF.js → Icon-BLqnXYOO.js} +2 -2
- package/dist/{InputPassword-CjExdAwu.js → InputPassword-DYBnRCtc.js} +1 -1
- package/dist/{Label-Ch6YjDF4.js → Label-c3hONOHC.js} +2 -2
- package/dist/{LanguageSelector-CeioS128.js → LanguageSelector-D0A-uqch.js} +1 -1
- package/dist/Link-DtzAAQn8.js +98 -0
- package/dist/{ListItem-CC1Ud8f6.js → ListItem-BoCF7VH9.js} +1 -1
- package/dist/{Loader-DhgIcSY1.js → Loader-VCP1ZNcb.js} +1 -1
- package/dist/{Logo-C_CbU1Oq.js → Logo-DCx_YOA2.js} +1 -1
- package/dist/{Menu-BVxNhuDF.js → Menu-C-TIWZeb.js} +1 -1
- package/dist/{MenuItem-3UBIrvob.js → MenuItem-BbU9r8_D.js} +2 -2
- package/dist/{ModalLoader-DHOpJqE3.js → ModalLoader-Bk6l3vO9.js} +1 -1
- package/dist/{NotificationList-CaAYxwHB.js → NotificationList-CmXca2zs.js} +1 -1
- package/dist/{Pagination-Bbk7dlxN.js → Pagination-BAbFsztK.js} +3 -3
- package/dist/{Radio-CmejVeSJ.js → Radio-BHqgR8WO.js} +1 -1
- package/dist/{Response-B4iaYCX1.js → Response-sCPsxYoM.js} +3 -3
- package/dist/{Link-BREALvPd.js → ScrollToView-W6XhacKJ.js} +40 -83
- package/dist/{SearchResult-BekTgQJ2.js → SearchResult-6Vg0m_NA.js} +2 -2
- package/dist/{Segmented-BoROz9LW.js → Segmented-BM1p7Ubz.js} +1 -1
- package/dist/{SiteMenuButton-DXFJiK5H.js → SiteMenuButton-DsYMvX6W.js} +2 -2
- package/dist/{SwitchField-B2Bo-CKD.js → SwitchField-BdrNzvfC.js} +3 -3
- package/dist/{TabGroup-DEa55bqq.js → TabGroup-BLB4Ymcx.js} +10 -10
- package/dist/{Text-Dn0X1zxN.js → Text-Dz-KPI5I.js} +1 -1
- package/dist/{Tile-m0Q0UUPl.js → Tile-CNnauNx6.js} +2 -2
- package/dist/{Tooltip-BYw26YRd.js → Tooltip-IVq3_vb4.js} +1 -1
- package/dist/cjs/{Accordion-DcPQQ3Rd.js → Accordion-Ba4Use_H.js} +2 -2
- package/dist/cjs/{Avatar-048eJFtq.js → Avatar-BKK80aBG.js} +2 -2
- package/dist/cjs/{Badge-Cn73E3GI.js → Badge-C_bYrtVY.js} +1 -1
- package/dist/cjs/{Breadcrumbs-cn7gw2i0.js → Breadcrumbs-B7F96CYT.js} +3 -3
- package/dist/cjs/{Button-CXdhQNJq.js → Button-xUrOQjVd.js} +10 -16
- package/dist/cjs/{Card-D9Eh3qLN.js → Card-BhnTRJN5.js} +1 -1
- package/dist/cjs/{Cell-DSyNSkFG.js → Cell-Bc4BC1e3.js} +3 -3
- package/dist/cjs/{Checkbox-BE9LWRTC.js → Checkbox-C5EikmBn.js} +1 -1
- package/dist/cjs/{Chips-cdORW7eM.js → Chips-D6tw75eZ.js} +1 -1
- package/dist/cjs/{Choice-GVU9LM0O.js → Choice-DJOKyu8I.js} +3 -3
- package/dist/cjs/{ContextMenuItem-CFjibLNs.js → ContextMenuItem-CLU1xPrC.js} +2 -2
- package/dist/cjs/{CookiesWarning-iXVuv8UU.js → CookiesWarning-DaEYrVWy.js} +3 -3
- package/dist/cjs/{DatePicker-CIWHdPVz.js → DatePicker-CBdRlgIa.js} +4 -4
- package/dist/cjs/{DropdownItem-B4pH6JPf.js → DropdownItem-2Nqtx3Vi.js} +2 -2
- package/dist/cjs/{Group-CiGVWRjW.js → Group-EFTg84wP.js} +2 -2
- package/dist/cjs/{Icon-_GtZOE4V.js → Icon-C7ZJyN5o.js} +2 -2
- package/dist/cjs/{InputPassword-CPH0_fiE.js → InputPassword-CbrEhEJB.js} +1 -1
- package/dist/cjs/{Label-Cgxxx2Ar.js → Label-C2uLpNrU.js} +2 -2
- package/dist/cjs/{LanguageSelector-BzXOG-vO.js → LanguageSelector-DZC_wwP6.js} +1 -1
- package/dist/cjs/Link-DRV1vzHd.js +107 -0
- package/dist/cjs/{ListItem-DOMz7Wb0.js → ListItem-B5rYml7Y.js} +1 -1
- package/dist/cjs/{Loader-2CPNhu-4.js → Loader-C2D6fJk1.js} +1 -1
- package/dist/cjs/{Logo-B0jp-maT.js → Logo-CsOCRB7d.js} +1 -1
- package/dist/cjs/{Menu-BtLNO62s.js → Menu-KYRzB912.js} +1 -1
- package/dist/cjs/{MenuItem-C57jgxF7.js → MenuItem-D6T9WRQk.js} +2 -2
- package/dist/cjs/{ModalLoader-DJWtjEvf.js → ModalLoader-QyRlFIR4.js} +1 -1
- package/dist/cjs/{NotificationList-DuwcxJAs.js → NotificationList-DETpx50O.js} +1 -1
- package/dist/cjs/{Pagination-B0p0XYPQ.js → Pagination-DuykmIqr.js} +3 -3
- package/dist/cjs/{Radio-BH3uHZDb.js → Radio-Bvv59nEV.js} +1 -1
- package/dist/cjs/{Response-Cpj42jCG.js → Response-DDEFfCC4.js} +3 -3
- package/dist/cjs/{Link-D-9lWATq.js → ScrollToView-DPhR0AQC.js} +42 -88
- package/dist/cjs/{SearchResult-gRidlU7Q.js → SearchResult-CfZvZ2Rg.js} +2 -2
- package/dist/cjs/{Segmented-BtzSR0xB.js → Segmented-D9L6q-Sa.js} +1 -1
- package/dist/cjs/{SiteMenuButton-DRsg0Q6A.js → SiteMenuButton-CC0QccWu.js} +2 -2
- package/dist/cjs/{SwitchField-RrUBVCd3.js → SwitchField-D2V-28Fy.js} +3 -3
- package/dist/cjs/{TabGroup-Ddjy3kOr.js → TabGroup-BKWkofWW.js} +10 -10
- package/dist/cjs/{Text-D2YDVhGJ.js → Text-B0SULA92.js} +1 -1
- package/dist/cjs/{Tile-CatxYX82.js → Tile-bPw3x_en.js} +2 -2
- package/dist/cjs/{Tooltip-CYJGThOv.js → Tooltip-DREz-tP6.js} +1 -1
- package/dist/cjs/components/Accordion.js +5 -7
- package/dist/cjs/components/Avatar.js +5 -7
- package/dist/cjs/components/Badge.js +2 -2
- package/dist/cjs/components/Breadcrumbs.js +5 -7
- package/dist/cjs/components/Button.js +6 -8
- package/dist/cjs/components/Card.js +2 -2
- package/dist/cjs/components/Cell.js +6 -8
- package/dist/cjs/components/Checkbox.js +2 -2
- package/dist/cjs/components/Chips.js +2 -2
- package/dist/cjs/components/Choice.js +6 -8
- package/dist/cjs/components/ContextMenu.js +5 -7
- package/dist/cjs/components/CookiesWarning.js +8 -10
- package/dist/cjs/components/DatePicker.js +8 -9
- package/dist/cjs/components/Divider/Divider.interface.d.ts +1 -0
- package/dist/cjs/components/Dropdown.js +3 -5
- package/dist/cjs/components/FormField.js +9 -10
- package/dist/cjs/components/Group.js +1 -1
- package/dist/cjs/components/Icon.js +4 -6
- package/dist/cjs/components/InputPassword.js +5 -7
- package/dist/cjs/components/Label.js +3 -3
- package/dist/cjs/components/LanguageSelector.js +5 -7
- package/dist/cjs/components/Link/Link.d.ts +1 -2
- package/dist/cjs/components/Link/index.d.ts +1 -1
- package/dist/cjs/components/Link.js +2 -5
- package/dist/cjs/components/List.js +2 -4
- package/dist/cjs/components/Loader.js +2 -2
- package/dist/cjs/components/Logo.js +2 -4
- package/dist/cjs/components/Menu.js +4 -6
- package/dist/cjs/components/MenuItem.js +3 -5
- package/dist/cjs/components/Modal.js +3 -3
- package/dist/cjs/components/Notification.js +2 -2
- package/dist/cjs/components/Pagination.js +6 -8
- package/dist/cjs/components/Panel.js +2 -2
- package/dist/cjs/components/Radio.js +2 -2
- package/dist/cjs/components/Response.js +8 -10
- package/dist/cjs/components/ScrollToView/ScrollToView.d.ts +2 -0
- package/dist/cjs/components/ScrollToView/index.d.ts +1 -0
- package/dist/cjs/components/ScrollToView.js +23 -0
- package/dist/cjs/components/Search.js +5 -7
- package/dist/cjs/components/Segmented.js +2 -2
- package/dist/cjs/components/Select.js +6 -7
- package/dist/cjs/components/SiteMenu.js +5 -7
- package/dist/cjs/components/Tab/Tab.d.ts +2 -2
- package/dist/cjs/components/Tab/Tab.interface.d.ts +2 -1
- package/dist/cjs/components/Tab.js +4 -6
- package/dist/cjs/components/Text.js +1 -1
- package/dist/cjs/components/Tile.js +3 -3
- package/dist/cjs/components/Tooltip.js +2 -2
- package/dist/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components.js +41 -39
- package/dist/components/Accordion.js +5 -7
- package/dist/components/Avatar.js +5 -7
- package/dist/components/Badge.js +2 -2
- package/dist/components/Breadcrumbs.js +5 -7
- package/dist/components/Button.js +6 -8
- package/dist/components/Card.js +2 -2
- package/dist/components/Cell.js +6 -8
- package/dist/components/Checkbox.js +2 -2
- package/dist/components/Chips.js +2 -2
- package/dist/components/Choice.js +6 -8
- package/dist/components/ContextMenu.js +5 -7
- package/dist/components/CookiesWarning.js +8 -10
- package/dist/components/DatePicker.js +8 -9
- package/dist/components/Divider/Divider.interface.d.ts +1 -0
- package/dist/components/Dropdown.js +3 -5
- package/dist/components/FormField.js +9 -10
- package/dist/components/Group.js +1 -1
- package/dist/components/Icon.js +4 -6
- package/dist/components/InputPassword.js +5 -7
- package/dist/components/Label.js +3 -3
- package/dist/components/LanguageSelector.js +5 -7
- package/dist/components/Link/Link.d.ts +1 -2
- package/dist/components/Link/index.d.ts +1 -1
- package/dist/components/Link.js +2 -4
- package/dist/components/List.js +2 -4
- package/dist/components/Loader.js +2 -2
- package/dist/components/Logo.js +2 -4
- package/dist/components/Menu.js +4 -6
- package/dist/components/MenuItem.js +3 -5
- package/dist/components/Modal.js +3 -3
- package/dist/components/Notification.js +2 -2
- package/dist/components/Pagination.js +6 -8
- package/dist/components/Panel.js +2 -2
- package/dist/components/Radio.js +2 -2
- package/dist/components/Response.js +8 -10
- package/dist/components/ScrollToView/ScrollToView.d.ts +2 -0
- package/dist/components/ScrollToView/index.d.ts +1 -0
- package/dist/components/ScrollToView.js +17 -0
- package/dist/components/Search.js +5 -7
- package/dist/components/Segmented.js +2 -2
- package/dist/components/Select.js +6 -7
- package/dist/components/SiteMenu.js +5 -7
- package/dist/components/Tab/Tab.d.ts +2 -2
- package/dist/components/Tab/Tab.interface.d.ts +2 -1
- package/dist/components/Tab.js +4 -6
- package/dist/components/Text.js +1 -1
- package/dist/components/Tile.js +3 -3
- package/dist/components/Tooltip.js +2 -2
- package/dist/components/index.d.ts +1 -0
- package/dist/components.js +40 -39
- package/dist/css/components/ScrollToView/ScrollToView.css +34 -0
- package/dist/css/components/Tab/Tab.css +2 -1
- package/dist/css/styles/align-items/align-items.css +7 -0
- package/dist/css/styles/align-self/align-self.css +7 -0
- package/package.json +1 -2
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { a as __rest, _ as __assign } from './_tslib-S-VPg1Cw.js';
|
|
2
1
|
import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
|
|
3
|
-
import React__default from 'react';
|
|
4
2
|
import clsx from 'clsx';
|
|
3
|
+
import React__default from 'react';
|
|
5
4
|
import require$$0 from 'lodash.throttle';
|
|
6
5
|
import PropTypes$1 from 'prop-types';
|
|
7
6
|
import ReactDOM__default from 'react-dom';
|
|
@@ -10,7 +9,7 @@ import { useStyles } from './hooks/useStyles.js';
|
|
|
10
9
|
|
|
11
10
|
var modules = {};
|
|
12
11
|
|
|
13
|
-
var Link
|
|
12
|
+
var Link = {};
|
|
14
13
|
|
|
15
14
|
var scrollLink = {};
|
|
16
15
|
|
|
@@ -1130,7 +1129,7 @@ scrollLink.default = function (Component, customScroller) {
|
|
|
1130
1129
|
return Link;
|
|
1131
1130
|
};
|
|
1132
1131
|
|
|
1133
|
-
Object.defineProperty(Link
|
|
1132
|
+
Object.defineProperty(Link, "__esModule", {
|
|
1134
1133
|
value: true
|
|
1135
1134
|
});
|
|
1136
1135
|
|
|
@@ -1176,7 +1175,7 @@ var LinkElement = function (_React$Component) {
|
|
|
1176
1175
|
return LinkElement;
|
|
1177
1176
|
}(_react2$3.default.Component);
|
|
1178
1177
|
|
|
1179
|
-
Link
|
|
1178
|
+
Link.default = (0, _scrollLink2$2.default)(LinkElement);
|
|
1180
1179
|
|
|
1181
1180
|
var Button = {};
|
|
1182
1181
|
|
|
@@ -1715,7 +1714,7 @@ Object.defineProperty(modules, "__esModule", {
|
|
|
1715
1714
|
});
|
|
1716
1715
|
modules.Helpers = modules.ScrollElement = ScrollLink = modules.ScrollLink = modules.animateScroll = modules.scrollSpy = modules.Events = modules.scroller = modules.Element = modules.Button = modules.Link = undefined;
|
|
1717
1716
|
|
|
1718
|
-
var _Link = Link
|
|
1717
|
+
var _Link = Link;
|
|
1719
1718
|
|
|
1720
1719
|
var _Link2 = _interopRequireDefault(_Link);
|
|
1721
1720
|
|
|
@@ -1769,53 +1768,31 @@ modules.ScrollElement = _scrollElement2.default;
|
|
|
1769
1768
|
modules.Helpers = _Helpers2.default;
|
|
1770
1769
|
modules.default = { Link: _Link2.default, Button: _Button2.default, Element: _Element2.default, scroller: _scroller2.default, Events: _scrollEvents2.default, scrollSpy: _scrollSpy2.default, animateScroll: _animateScroll2.default, ScrollLink: _scrollLink2.default, ScrollElement: _scrollElement2.default, Helpers: _Helpers2.default };
|
|
1771
1770
|
|
|
1772
|
-
var
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
};
|
|
1778
|
-
function Link(props) {
|
|
1779
|
-
var after = props.after, before = props.before, children = props.children, className = props.className, LinkComponent = props.LinkComponent, href = props.href, link = props.link, target = props.target, rel = props.rel, text = props.text, _a = props.underline, underline = _a === void 0 ? 'underline' : _a, style = props.style, onClick = props.onClick, onMouseDown = props.onMouseDown;
|
|
1780
|
-
var directionClass = useDeviceTargetClass(props, {
|
|
1781
|
-
prefix: 'link_direction_',
|
|
1782
|
-
propsKey: 'direction',
|
|
1783
|
-
});
|
|
1784
|
-
var sizeClass = useDeviceTargetClass(props, {
|
|
1785
|
-
prefix: 'text_size_',
|
|
1786
|
-
propsKey: 'size',
|
|
1787
|
-
});
|
|
1788
|
-
var textColorClass = useDeviceTargetClass(props, {
|
|
1789
|
-
prefix: 'text-color_',
|
|
1790
|
-
propsKey: 'textColor',
|
|
1771
|
+
var ScrollToView = ScrollLink(function ScrollToView(props) {
|
|
1772
|
+
var id = props.id, children = props.children, className = props.className, _a = props.tag, Tag = _a === void 0 ? 'div' : _a;
|
|
1773
|
+
var alignItemsClass = useDeviceTargetClass(props, {
|
|
1774
|
+
prefix: 'align-items_',
|
|
1775
|
+
propsKey: 'alignItems',
|
|
1791
1776
|
});
|
|
1792
|
-
var
|
|
1793
|
-
prefix: '
|
|
1794
|
-
propsKey: '
|
|
1777
|
+
var alignSelfClass = useDeviceTargetClass(props, {
|
|
1778
|
+
prefix: 'align-self_',
|
|
1779
|
+
propsKey: 'alignSelf',
|
|
1795
1780
|
});
|
|
1796
|
-
var
|
|
1797
|
-
prefix: '
|
|
1798
|
-
propsKey: '
|
|
1781
|
+
var alignDirectionClass = useDeviceTargetClass(props, {
|
|
1782
|
+
prefix: 'align_',
|
|
1783
|
+
propsKey: 'alignDirection',
|
|
1799
1784
|
});
|
|
1800
|
-
var
|
|
1801
|
-
prefix: '
|
|
1802
|
-
propsKey: '
|
|
1785
|
+
var alignClass = useDeviceTargetClass(props, {
|
|
1786
|
+
prefix: 'align_',
|
|
1787
|
+
propsKey: 'align',
|
|
1803
1788
|
});
|
|
1804
|
-
var
|
|
1805
|
-
prefix: '
|
|
1806
|
-
propsKey: '
|
|
1807
|
-
});
|
|
1808
|
-
var textColorHoverClass = useDeviceTargetClass(props, {
|
|
1809
|
-
prefix: 'text-color_hover_',
|
|
1810
|
-
propsKey: 'textColorHover',
|
|
1811
|
-
});
|
|
1812
|
-
var textStyleClass = useDeviceTargetClass(props, {
|
|
1813
|
-
prefix: 'text-style_',
|
|
1814
|
-
propsKey: 'textColorHover',
|
|
1789
|
+
var justifyContentClass = useDeviceTargetClass(props, {
|
|
1790
|
+
prefix: 'justify-content_',
|
|
1791
|
+
propsKey: 'justifyContent',
|
|
1815
1792
|
});
|
|
1816
|
-
var
|
|
1817
|
-
prefix: '
|
|
1818
|
-
propsKey: '
|
|
1793
|
+
var directionClass = useDeviceTargetClass(props, {
|
|
1794
|
+
prefix: 'direction_',
|
|
1795
|
+
propsKey: 'direction',
|
|
1819
1796
|
});
|
|
1820
1797
|
var widthClass = useDeviceTargetClass(props, {
|
|
1821
1798
|
prefix: 'width_',
|
|
@@ -1825,40 +1802,20 @@ function Link(props) {
|
|
|
1825
1802
|
prefix: 'height_',
|
|
1826
1803
|
propsKey: 'height',
|
|
1827
1804
|
});
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
};
|
|
1840
|
-
// Wrapper with "Link" by condition
|
|
1841
|
-
function LinkWrapper(props) {
|
|
1842
|
-
var children = props.children, Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, target = props.target, rel = props.rel, otherProps = __rest(props, ["children", "Component", "DefaultComponent", "href", "target", "rel"]);
|
|
1843
|
-
if (href) {
|
|
1844
|
-
// If href passed, make link-wrapper
|
|
1845
|
-
var LinkComponent = Component || linkConfig.LinkComponent;
|
|
1846
|
-
if (LinkComponent) {
|
|
1847
|
-
return (jsxRuntimeExports.jsx(LinkComponent, __assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
|
|
1848
|
-
}
|
|
1849
|
-
}
|
|
1850
|
-
else if (DefaultComponent) {
|
|
1851
|
-
// If has default "Component" - render it
|
|
1852
|
-
return jsxRuntimeExports.jsx(DefaultComponent, __assign({}, otherProps, { children: children }));
|
|
1853
|
-
}
|
|
1854
|
-
// Return children and pass current props to
|
|
1855
|
-
return React__default.Children.toArray(children)
|
|
1856
|
-
.filter(Boolean)
|
|
1857
|
-
.map(function (child) {
|
|
1858
|
-
return React__default.isValidElement(child) ? React__default.cloneElement(child, otherProps) : child;
|
|
1805
|
+
var textColorClass = useDeviceTargetClass(props, {
|
|
1806
|
+
prefix: 'scroll-to-view_text-color_',
|
|
1807
|
+
propsKey: 'textColor',
|
|
1808
|
+
});
|
|
1809
|
+
var textColorActiveClass = useDeviceTargetClass(props, {
|
|
1810
|
+
prefix: 'scroll-to-view_text-color_active_',
|
|
1811
|
+
propsKey: 'textColorActive',
|
|
1812
|
+
});
|
|
1813
|
+
var textColorHoverClass = useDeviceTargetClass(props, {
|
|
1814
|
+
prefix: 'scroll-to-view_text-color_hover_',
|
|
1815
|
+
propsKey: 'textColorHover',
|
|
1859
1816
|
});
|
|
1860
|
-
|
|
1861
|
-
|
|
1862
|
-
|
|
1817
|
+
var scrollToViewStyles = useStyles(props).styles;
|
|
1818
|
+
return (jsxRuntimeExports.jsx(Tag, { onClick: props.onClick, id: id, className: clsx(className, 'scroll-to-view', alignItemsClass, widthClass, heightClass, alignDirectionClass, alignClass, textColorClass, textColorActiveClass, textColorHoverClass, justifyContentClass, directionClass, alignSelfClass), style: Object.assign({}, scrollToViewStyles, props.style), children: children }));
|
|
1819
|
+
});
|
|
1863
1820
|
|
|
1864
|
-
export {
|
|
1821
|
+
export { ScrollToView as S };
|
|
@@ -3,8 +3,8 @@ import React__default, { useCallback } from 'react';
|
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
|
|
5
5
|
import { useStyles } from './hooks/useStyles.js';
|
|
6
|
-
import { I as Icon } from './Icon-
|
|
7
|
-
import { T as Text } from './Text-
|
|
6
|
+
import { I as Icon } from './Icon-BLqnXYOO.js';
|
|
7
|
+
import { T as Text } from './Text-Dz-KPI5I.js';
|
|
8
8
|
import { S as Scrollbar } from './Scrollbar-DrRNpn12.js';
|
|
9
9
|
|
|
10
10
|
var searchInputConfig = {
|
|
@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
|
|
|
2
2
|
import React__default, { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
|
|
5
|
-
import { T as Text } from './Text-
|
|
5
|
+
import { T as Text } from './Text-Dz-KPI5I.js';
|
|
6
6
|
|
|
7
7
|
var segmentedConfig = {
|
|
8
8
|
appearance: undefined,
|
|
@@ -3,8 +3,8 @@ import { useCallback } from 'react';
|
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { useSiteMenuContext } from './context/UIContext.js';
|
|
5
5
|
import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
|
|
6
|
-
import { I as Icon } from './Icon-
|
|
7
|
-
import { T as Text } from './Text-
|
|
6
|
+
import { I as Icon } from './Icon-BLqnXYOO.js';
|
|
7
|
+
import { T as Text } from './Text-Dz-KPI5I.js';
|
|
8
8
|
|
|
9
9
|
function SiteMenu(props) {
|
|
10
10
|
var children = props.children, className = props.className, closeText = props.closeText, closeTextSize = props.closeTextSize, closeTextColor = props.closeTextColor, closeTextColorHover = props.closeTextColorHover, iconCloseBgFill = props.iconCloseBgFill, iconCloseFill = props.iconCloseFill, iconCloseSize = props.iconCloseSize, iconClose = props.iconClose, onClose = props.onClose;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { _ as __assign } from './_tslib-S-VPg1Cw.js';
|
|
2
2
|
import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
|
|
3
|
-
import { R as Radio } from './Radio-
|
|
3
|
+
import { R as Radio } from './Radio-BHqgR8WO.js';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
|
|
6
6
|
import { SelectInput } from './components/Select.js';
|
|
7
7
|
import { D as Divider } from './Divider-Dhj6sMWd.js';
|
|
8
|
-
import { T as Text } from './Text-
|
|
9
|
-
import { I as Icon } from './Icon-
|
|
8
|
+
import { T as Text } from './Text-Dz-KPI5I.js';
|
|
9
|
+
import { I as Icon } from './Icon-BLqnXYOO.js';
|
|
10
10
|
import { useStyles } from './hooks/useStyles.js';
|
|
11
11
|
import { S as Switch } from './Switch-0BHqovLA.js';
|
|
12
12
|
|
|
@@ -3,10 +3,10 @@ import React__default from 'react';
|
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
|
|
5
5
|
import { useStyles } from './hooks/useStyles.js';
|
|
6
|
-
import { B as Badge } from './Badge-
|
|
6
|
+
import { B as Badge } from './Badge-CLV5v6N7.js';
|
|
7
7
|
import { D as Divider } from './Divider-Dhj6sMWd.js';
|
|
8
|
-
import { L as Link } from './Link-
|
|
9
|
-
import { T as Text } from './Text-
|
|
8
|
+
import { L as Link } from './Link-DtzAAQn8.js';
|
|
9
|
+
import { T as Text } from './Text-Dz-KPI5I.js';
|
|
10
10
|
|
|
11
11
|
var tabConfig = {
|
|
12
12
|
appearance: undefined,
|
|
@@ -15,7 +15,7 @@ var tabConfig = {
|
|
|
15
15
|
},
|
|
16
16
|
};
|
|
17
17
|
function Tab(props) {
|
|
18
|
-
var _a = props.isActive, isActive = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isHover, isHover = _c === void 0 ? false : _c, after = props.after, appearance = props.appearance, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, badgeValue = props.badgeValue, before = props.before,
|
|
18
|
+
var children = props.children, _a = props.isActive, isActive = _a === void 0 ? false : _a, _b = props.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = props.isHover, isHover = _c === void 0 ? false : _c, after = props.after, appearance = props.appearance, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, badgeValue = props.badgeValue, before = props.before, className = props.className, dataTour = props.dataTour, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerFillActive = props.dividerFillActive, dividerFillActiveHover = props.dividerFillActiveHover, dividerFillDisabled = props.dividerFillDisabled, dividerFillHover = props.dividerFillHover, dividerSize = props.dividerSize, href = props.href, label = props.label, labelColor = props.labelColor, labelColorActive = props.labelColorActive, labelColorDisabled = props.labelColorDisabled, labelTextColorHover = props.labelTextColorHover, labelTextGradient = props.labelTextGradient, labelTextSize = props.labelTextSize, labelTextStyle = props.labelTextStyle, labelTextAlign = props.labelTextAlign, labelTextWeight = props.labelTextWeight, labelTextWrap = props.labelTextWrap, link = props.link, linkFill = props.linkFill, rel = props.rel, reset = props.reset, set = props.set, target = props.target, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
|
|
19
19
|
var alignDirectionClass = useDeviceTargetClass(props, {
|
|
20
20
|
prefix: 'align_',
|
|
21
21
|
propsKey: 'alignDirection',
|
|
@@ -67,7 +67,7 @@ function Tab(props) {
|
|
|
67
67
|
// @ts-expect-error
|
|
68
68
|
var tab = useStyles(props).styles;
|
|
69
69
|
var appearanceConfig = appearance && tabConfig.appearance && tabConfig.appearance[appearance];
|
|
70
|
-
return (jsxRuntimeExports.jsx("div", { className: clsx('tab', isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', isHover && 'tab_state_hover', fillClass ||
|
|
70
|
+
return (jsxRuntimeExports.jsx("div", { "data-tour": dataTour, style: tab, className: clsx('tab', isActive && 'tab_state_active', isDisabled && 'tab_state_disabled', isHover && 'tab_state_hover', fillClass ||
|
|
71
71
|
(isDisabled
|
|
72
72
|
? fillDisabledClass ||
|
|
73
73
|
((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillDisabled) &&
|
|
@@ -82,16 +82,16 @@ function Tab(props) {
|
|
|
82
82
|
((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
|
|
83
83
|
"tab_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), fillActiveClass, fillActiveHoverClass, shapeClass, typeClass ||
|
|
84
84
|
((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.type) &&
|
|
85
|
-
"tab_type_".concat(appearanceConfig.type).replace(/([A-Z])/g, '-$1').toLowerCase()), widthClass, reset && 'tab-reset', set && "tab_set_".concat(set), justifyContentClass, onClick && 'cursor_type_pointer'),
|
|
85
|
+
"tab_type_".concat(appearanceConfig.type).replace(/([A-Z])/g, '-$1').toLowerCase()), widthClass, reset && 'tab-reset', set && "tab_set_".concat(set), justifyContentClass, onClick && 'cursor_type_pointer'), onClick: onClick, onMouseEnter: onMouseEnter, children: jsxRuntimeExports.jsx(Link, { fill: linkFill, className: clsx('tab__link', alignDirectionClass, alignClass), href: link || href, rel: rel, target: target, children: jsxRuntimeExports.jsxs(React__default.Fragment, { children: [before, children || (jsxRuntimeExports.jsxs(React__default.Fragment, { children: [jsxRuntimeExports.jsxs("div", { className: "tab__wrapper", children: [(label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsxRuntimeExports.jsx(Text, { className: "tab__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize), textColorHover: labelTextColorHover, textColor: isDisabled
|
|
86
86
|
? labelColorDisabled || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelColorDisabled)
|
|
87
|
-
: labelColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelColor), textColorActive: isActive && (labelColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelColorActive)), textColorGradient: labelTextGradient,
|
|
87
|
+
: labelColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelColor), textColorActive: isActive && (labelColorActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelColorActive)), textColorGradient: labelTextGradient, textStyle: labelTextStyle, textAlign: labelTextAlign, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (badgeValue || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeValue)) && (jsxRuntimeExports.jsx(Badge, { appearance: badgeAppearance || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeAppearance), size: badgeSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeSize), textColor: badgeTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeTextColor), textSize: badgeTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeTextSize), value: badgeValue || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.badgeValue) }))] }), jsxRuntimeExports.jsx(Divider, { width: "fill", fill: isDisabled
|
|
88
88
|
? dividerFillDisabled || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFillDisabled)
|
|
89
|
-
: dividerFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFill),
|
|
89
|
+
: dividerFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFill), fillHover: isHover && (dividerFillHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFillHover)), direction: dividerDirection, fillActive: isActive && (dividerFillActive || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.dividerFillActive)), fillActiveHover: dividerFillActiveHover, size: dividerSize })] })), after] }) }) }));
|
|
90
90
|
}
|
|
91
91
|
Tab.defaultProps = {
|
|
92
|
-
size: 'normal',
|
|
93
|
-
LinkComponent: 'a',
|
|
94
92
|
direction: 'horizontal',
|
|
93
|
+
LinkComponent: 'a',
|
|
94
|
+
size: 'normal',
|
|
95
95
|
};
|
|
96
96
|
|
|
97
97
|
function TabGroup(props) {
|
|
@@ -66,7 +66,7 @@ function Text(props) {
|
|
|
66
66
|
((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.size) &&
|
|
67
67
|
"text_size_".concat(appearanceConfig.size).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, textAlignClass, textColorClass ||
|
|
68
68
|
((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
|
|
69
|
-
"text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, textGradientClass, textStyleClass,
|
|
69
|
+
"text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), textColorActiveClass, textColorHoverClass, textGradientClass, textStyleClass, textWrapClass, textTruncateClass, type && "text_type_".concat(type), mode && "text_mode_".concat(mode), widthClass, cursorClass, onClick && (cursor || 'cursor_type_pointer')), "data-tour": dataTour, htmlFor: htmlFor, style: textStyles, onClick: onClick, onDoubleClick: onDoubleClick, "data-test-id": dataTestId, children: [before, children, after] }));
|
|
70
70
|
}
|
|
71
71
|
Text.defaultProps = {
|
|
72
72
|
tag: 'span',
|
|
@@ -2,8 +2,8 @@ import { j as jsxRuntimeExports } from './jsx-runtime-C2uP7l8s.js';
|
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
|
|
4
4
|
import { useStyles } from './hooks/useStyles.js';
|
|
5
|
-
import { B as Badge } from './Badge-
|
|
6
|
-
import { T as Text } from './Text-
|
|
5
|
+
import { B as Badge } from './Badge-CLV5v6N7.js';
|
|
6
|
+
import { T as Text } from './Text-Dz-KPI5I.js';
|
|
7
7
|
import { T as Title } from './Title-zpOK2AxL.js';
|
|
8
8
|
|
|
9
9
|
function Tile(props) {
|
|
@@ -3,7 +3,7 @@ import React__default, { useRef, useState, useCallback, useImperativeHandle } fr
|
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { useDeviceTargetClass } from './hooks/useDeviceTargetClass.js';
|
|
5
5
|
import { useStyles } from './hooks/useStyles.js';
|
|
6
|
-
import { T as Text } from './Text-
|
|
6
|
+
import { T as Text } from './Text-Dz-KPI5I.js';
|
|
7
7
|
import { T as Title } from './Title-zpOK2AxL.js';
|
|
8
8
|
|
|
9
9
|
var tooltipConfig = {
|
|
@@ -7,8 +7,8 @@ var clsx = require('clsx');
|
|
|
7
7
|
var castArray = require('lodash/castArray');
|
|
8
8
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
9
9
|
var useStyles = require('./hooks/useStyles.js');
|
|
10
|
-
var Icon = require('./Icon-
|
|
11
|
-
var Text = require('./Text-
|
|
10
|
+
var Icon = require('./Icon-C7ZJyN5o.js');
|
|
11
|
+
var Text = require('./Text-B0SULA92.js');
|
|
12
12
|
|
|
13
13
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
|
|
@@ -4,9 +4,9 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
7
|
-
var Icon = require('./Icon-
|
|
7
|
+
var Icon = require('./Icon-C7ZJyN5o.js');
|
|
8
8
|
var Image = require('./Image-CCx6QWZj.js');
|
|
9
|
-
var Text = require('./Text-
|
|
9
|
+
var Text = require('./Text-B0SULA92.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
|
|
@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
|
|
|
4
4
|
var clsx = require('clsx');
|
|
5
5
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
6
6
|
var useStyles = require('./hooks/useStyles.js');
|
|
7
|
-
var Text = require('./Text-
|
|
7
|
+
var Text = require('./Text-B0SULA92.js');
|
|
8
8
|
|
|
9
9
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
|
|
@@ -7,9 +7,9 @@ var clsx = require('clsx');
|
|
|
7
7
|
var camelCase = require('lodash/camelCase');
|
|
8
8
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
9
9
|
var useStyles = require('./hooks/useStyles.js');
|
|
10
|
-
var Icon = require('./Icon-
|
|
11
|
-
var Link = require('./Link-
|
|
12
|
-
var Text = require('./Text-
|
|
10
|
+
var Icon = require('./Icon-C7ZJyN5o.js');
|
|
11
|
+
var Link = require('./Link-DRV1vzHd.js');
|
|
12
|
+
var Text = require('./Text-B0SULA92.js');
|
|
13
13
|
|
|
14
14
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
15
|
|
|
@@ -5,10 +5,10 @@ var React = require('react');
|
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
7
7
|
var useStyles = require('./hooks/useStyles.js');
|
|
8
|
-
var Icon = require('./Icon-
|
|
9
|
-
var Link = require('./Link-
|
|
10
|
-
var Loader = require('./Loader-
|
|
11
|
-
var Text = require('./Text-
|
|
8
|
+
var Icon = require('./Icon-C7ZJyN5o.js');
|
|
9
|
+
var Link = require('./Link-DRV1vzHd.js');
|
|
10
|
+
var Loader = require('./Loader-C2D6fJk1.js');
|
|
11
|
+
var Text = require('./Text-B0SULA92.js');
|
|
12
12
|
|
|
13
13
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
|
|
@@ -22,7 +22,11 @@ var buttonConfig = {
|
|
|
22
22
|
},
|
|
23
23
|
};
|
|
24
24
|
var Button = React__default.default.forwardRef(function Button(props, ref) {
|
|
25
|
-
var before = props.before, appearance = props.appearance, after = props.after, className = props.className, dataTour = props.dataTour, dataTestId = props.dataTestId, Badge = props.Badge, children = props.children, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextSizeMobile = props.labelTextSizeMobile, labelTextWeight = props.labelTextWeight,
|
|
25
|
+
var before = props.before, appearance = props.appearance, after = props.after, className = props.className, dataTour = props.dataTour, dataTestId = props.dataTestId, Badge = props.Badge, children = props.children, fillIcon = props.fillIcon, fillIconAfter = props.fillIconAfter, fillIconBefore = props.fillIconBefore, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextColorHover = props.labelTextColorHover, labelTextSize = props.labelTextSize, labelTextSizeMobile = props.labelTextSizeMobile, labelTextWeight = props.labelTextWeight,
|
|
26
|
+
// @ts-expect-error
|
|
27
|
+
labelTextTruncate = props.labelTextTruncate,
|
|
28
|
+
// @ts-expect-error
|
|
29
|
+
labelTextWidth = props.labelTextWidth, labelTextWrap = props.labelTextWrap, _a = props.loaderSet, loaderSet = _a === void 0 ? 'simple' : _a, loaderFill = props.loaderFill, loaderItemFill = props.loaderItemFill, link = props.link, href = props.href, target = props.target, rel = props.rel; props.size; var icon = props.icon, iconShape = props.iconShape, iconAfterShape = props.iconAfterShape, iconBeforeShape = props.iconBeforeShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillSize = props.iconFillSize, iconBeforeFill = props.iconBeforeFill, iconBeforeFillSize = props.iconBeforeFillSize, iconAfterFill = props.iconAfterFill, iconAfterFillSize = props.iconAfterFillSize, iconAfterSrc = props.iconAfterSrc, iconBeforeSrc = props.iconBeforeSrc, iconSrc = props.iconSrc, set = props.set, _c = props.loading, loading = _c === void 0 ? false : _c, _d = props.htmlType, htmlType = _d === void 0 ? 'button' : _d; props.width; var isDisabled = props.isDisabled, onClick = props.onClick, onMouseDown = props.onMouseDown;
|
|
26
30
|
var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
27
31
|
prefix: 'button_width_',
|
|
28
32
|
propsKey: 'width',
|
|
@@ -87,18 +91,8 @@ var Button = React__default.default.forwardRef(function Button(props, ref) {
|
|
|
87
91
|
iconBefore ||
|
|
88
92
|
iconBeforeSrc ||
|
|
89
93
|
iconSrc) &&
|
|
90
|
-
'button_type_with-icon', loading && 'button_state_loading button_type_loader'), "data-test-id": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, DefaultComponent: "button", disabled: isDisabled, href: link || href, rel: rel, style: buttonStyles, target: target, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, children: jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsxRuntime.jsxRuntimeExports.jsx(Loader.Loader, { className: "button__loader", fill: loaderFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderFill), itemFill: loaderItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderItemFill), set: loaderSet })), before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { className: "button__icon_before", fill: fillIconBefore, fillSize: iconBeforeFillSize, iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc, shape: iconBeforeShape, size: iconBeforeSize, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { className: "button__icon", fill: fillIcon, fillSize: iconFillSize, iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: iconSrc, shape: iconShape, size: iconSize, SvgImage: icon })), (children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "button__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, sizeMobile: labelTextSizeMobile, style: labelStyles, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWrap: labelTextWrap, textWeight: labelTextWeight, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { className: "button__icon_after", fill: fillIconAfter, fillSize: iconAfterFillSize, iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc, shape: iconAfterShape, size: iconAfterSize, SvgImage: iconAfter })), Badge, after] }) }));
|
|
94
|
+
'button_type_with-icon', loading && 'button_state_loading button_type_loader'), "data-test-id": dataTestId && "".concat(dataTestId, "Button"), "data-tour": dataTour, DefaultComponent: "button", disabled: isDisabled, href: link || href, rel: rel, style: buttonStyles, target: target, type: htmlType, onClick: onClick, onMouseDown: onMouseDown, children: jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "button__wrapper", ref: ref, children: [loading && (jsxRuntime.jsxRuntimeExports.jsx(Loader.Loader, { className: "button__loader", fill: loaderFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderFill), itemFill: loaderItemFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.loaderItemFill), set: loaderSet })), before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { className: "button__icon_before", fill: fillIconBefore, fillSize: iconBeforeFillSize, iconFill: iconBeforeFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconBeforeFill), imageSrc: iconBeforeSrc, shape: iconBeforeShape, size: iconBeforeSize, SvgImage: iconBefore })), (icon || iconSrc) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { className: "button__icon", fill: fillIcon, fillSize: iconFillSize, iconFill: iconFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconFill), imageSrc: iconSrc, shape: iconShape, size: iconSize, SvgImage: icon })), (children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label)) && (jsxRuntime.jsxRuntimeExports.jsx(Text.Text, { className: "button__label", size: labelTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextSize) || undefined, sizeMobile: labelTextSizeMobile, style: labelStyles, textTruncate: labelTextTruncate, textColor: labelTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColor), textColorHover: labelTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.labelTextColorHover), textWrap: labelTextWrap, textWeight: labelTextWeight, width: labelTextWidth, children: children || label || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.label) })), (iconAfter || iconAfterSrc) && (jsxRuntime.jsxRuntimeExports.jsx(Icon.Icon, { className: "button__icon_after", fill: fillIconAfter, fillSize: iconAfterFillSize, iconFill: iconAfterFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconAfterFill), imageSrc: iconAfterSrc, shape: iconAfterShape, size: iconAfterSize, SvgImage: iconAfter })), Badge, after] }) }));
|
|
91
95
|
});
|
|
92
|
-
Button.defaultProps = {
|
|
93
|
-
// Button with a `type="submit"` attribute is a form control by default.
|
|
94
|
-
// If the button is not associated with any form, it will look for
|
|
95
|
-
// the nearest form in the DOM and submit its data when clicked.
|
|
96
|
-
htmlType: 'button',
|
|
97
|
-
size: 'xl',
|
|
98
|
-
width: 'hug',
|
|
99
|
-
loaderSet: 'simple',
|
|
100
|
-
loading: false,
|
|
101
|
-
};
|
|
102
96
|
|
|
103
97
|
exports.Button = Button;
|
|
104
98
|
exports.buttonConfig = buttonConfig;
|
|
@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
|
|
|
4
4
|
var clsx = require('clsx');
|
|
5
5
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
6
6
|
var Image = require('./Image-CCx6QWZj.js');
|
|
7
|
-
var Text = require('./Text-
|
|
7
|
+
var Text = require('./Text-B0SULA92.js');
|
|
8
8
|
|
|
9
9
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
|
|
4
4
|
var clsx = require('clsx');
|
|
5
5
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
6
|
-
var Icon = require('./Icon-
|
|
7
|
-
var Label = require('./Label-
|
|
8
|
-
var Text = require('./Text-
|
|
6
|
+
var Icon = require('./Icon-C7ZJyN5o.js');
|
|
7
|
+
var Label = require('./Label-C2uLpNrU.js');
|
|
8
|
+
var Text = require('./Text-B0SULA92.js');
|
|
9
9
|
var useStyles = require('./hooks/useStyles.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
|
|
4
4
|
var clsx = require('clsx');
|
|
5
5
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
6
|
-
var Text = require('./Text-
|
|
6
|
+
var Text = require('./Text-B0SULA92.js');
|
|
7
7
|
|
|
8
8
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
9
|
|
|
@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
|
|
|
4
4
|
var clsx = require('clsx');
|
|
5
5
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
6
6
|
var useStyles = require('./hooks/useStyles.js');
|
|
7
|
-
var Text = require('./Text-
|
|
7
|
+
var Text = require('./Text-B0SULA92.js');
|
|
8
8
|
|
|
9
9
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
|
|
@@ -4,9 +4,9 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
7
|
-
var Icon = require('./Icon-
|
|
8
|
-
var Loader = require('./Loader-
|
|
9
|
-
var Text = require('./Text-
|
|
7
|
+
var Icon = require('./Icon-C7ZJyN5o.js');
|
|
8
|
+
var Loader = require('./Loader-C2D6fJk1.js');
|
|
9
|
+
var Text = require('./Text-B0SULA92.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
|
|
@@ -4,8 +4,8 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
|
|
|
4
4
|
var clsx = require('clsx');
|
|
5
5
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
6
6
|
var Divider = require('./Divider-D92wY8Fn.js');
|
|
7
|
-
var Icon = require('./Icon-
|
|
8
|
-
var Text = require('./Text-
|
|
7
|
+
var Icon = require('./Icon-C7ZJyN5o.js');
|
|
8
|
+
var Text = require('./Text-B0SULA92.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
|
|
@@ -5,9 +5,9 @@ var React = require('react');
|
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var Cookies = require('js-cookie');
|
|
7
7
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
8
|
-
var Button = require('./Button-
|
|
9
|
-
var Group = require('./Group-
|
|
10
|
-
var Text = require('./Text-
|
|
8
|
+
var Button = require('./Button-xUrOQjVd.js');
|
|
9
|
+
var Group = require('./Group-EFTg84wP.js');
|
|
10
|
+
var Text = require('./Text-B0SULA92.js');
|
|
11
11
|
|
|
12
12
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
|
|
@@ -7,11 +7,11 @@ var clsx = require('clsx');
|
|
|
7
7
|
var ReactDOM = require('react-dom');
|
|
8
8
|
var floatingUi_dom = require('./floating-ui.dom-ma2MDAMT.js');
|
|
9
9
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
10
|
-
var Button = require('./Button-
|
|
11
|
-
var Icon = require('./Icon-
|
|
10
|
+
var Button = require('./Button-xUrOQjVd.js');
|
|
11
|
+
var Icon = require('./Icon-C7ZJyN5o.js');
|
|
12
12
|
var Input = require('./Input-vwyG3XF0.js');
|
|
13
|
-
var Label = require('./Label-
|
|
14
|
-
var Text = require('./Text-
|
|
13
|
+
var Label = require('./Label-C2uLpNrU.js');
|
|
14
|
+
var Text = require('./Text-B0SULA92.js');
|
|
15
15
|
|
|
16
16
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
17
|
|
|
@@ -6,8 +6,8 @@ var clsx = require('clsx');
|
|
|
6
6
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
7
7
|
var useStyles = require('./hooks/useStyles.js');
|
|
8
8
|
var Divider = require('./Divider-D92wY8Fn.js');
|
|
9
|
-
var Link = require('./Link-
|
|
10
|
-
var Text = require('./Text-
|
|
9
|
+
var Link = require('./Link-DRV1vzHd.js');
|
|
10
|
+
var Text = require('./Text-B0SULA92.js');
|
|
11
11
|
|
|
12
12
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
|
|
@@ -16,7 +16,7 @@ var groupConfig = {
|
|
|
16
16
|
},
|
|
17
17
|
};
|
|
18
18
|
function Group(props) {
|
|
19
|
-
var id = props.id, name = props.name, children = props.children,
|
|
19
|
+
var id = props.id, name = props.name, children = props.children, appearance = props.appearance, className = props.className, dataTour = props.dataTour, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, set = props.set, style = props.style, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, onClick = props.onClick;
|
|
20
20
|
var contentAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
21
21
|
prefix: 'group_content-align_',
|
|
22
22
|
propsKey: 'contentAlign',
|
|
@@ -109,7 +109,7 @@ function Group(props) {
|
|
|
109
109
|
((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.direction) &&
|
|
110
110
|
"group_direction_".concat(appearanceConfig.direction)
|
|
111
111
|
.replace(/([A-Z])/g, '-$1')
|
|
112
|
-
.toLowerCase()), alignClass,
|
|
112
|
+
.toLowerCase()), alignClass, textColorClass, textColorActiveClass, textColorHoverClass, fillClass ||
|
|
113
113
|
((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
|
|
114
114
|
"fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
|
|
115
115
|
((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
|
|
@@ -7,8 +7,8 @@ var clsx = require('clsx');
|
|
|
7
7
|
var SVG = require('react-inlinesvg');
|
|
8
8
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
9
9
|
var useStyles = require('./hooks/useStyles.js');
|
|
10
|
-
var Link = require('./Link-
|
|
11
|
-
var Tooltip = require('./Tooltip-
|
|
10
|
+
var Link = require('./Link-DRV1vzHd.js');
|
|
11
|
+
var Tooltip = require('./Tooltip-DREz-tP6.js');
|
|
12
12
|
|
|
13
13
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
|
|
@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
7
|
-
var Icon = require('./Icon-
|
|
7
|
+
var Icon = require('./Icon-C7ZJyN5o.js');
|
|
8
8
|
|
|
9
9
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
|
|
@@ -5,8 +5,8 @@ var React = require('react');
|
|
|
5
5
|
var clsx = require('clsx');
|
|
6
6
|
var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
|
|
7
7
|
var useStyles = require('./hooks/useStyles.js');
|
|
8
|
-
var Text = require('./Text-
|
|
9
|
-
var Tooltip = require('./Tooltip-
|
|
8
|
+
var Text = require('./Text-B0SULA92.js');
|
|
9
|
+
var Tooltip = require('./Tooltip-DREz-tP6.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
|