@itcase/ui 1.1.21 → 1.1.22

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.
Files changed (123) hide show
  1. package/dist/{Accordion-DFgzxKlH.js → Accordion-vz3rGxg8.js} +1 -1
  2. package/dist/{Avatar-B_7tOMik.js → Avatar-C6aiRMDt.js} +1 -1
  3. package/dist/{Breadcrumbs-EQmNm0OH.js → Breadcrumbs-BaTOa10W.js} +2 -2
  4. package/dist/{Button-BlPfX0sG.js → Button-i3tdL747.js} +2 -2
  5. package/dist/{Cell-BTH03V30.js → Cell-B4hmQ2pr.js} +1 -1
  6. package/dist/{Choice-DsyZ57RY.js → Choice-CMTk8wAX.js} +1 -1
  7. package/dist/{ContextMenuItem-BrLq1iQl.js → ContextMenuItem-BOwxIW8x.js} +1 -1
  8. package/dist/{CookiesWarning--bl8qppa.js → CookiesWarning-ZBohPZ8K.js} +2 -2
  9. package/dist/{DatePicker-DwvyPEnL.js → DatePicker-TMF-rVUw.js} +2 -2
  10. package/dist/{DropdownItem-D_DLgDdG.js → DropdownItem-Cg6-YvlD.js} +1 -1
  11. package/dist/{Group-BDmYkT7d.js → Group-DLmtajo8.js} +2 -2
  12. package/dist/{Icon-CPCBYWfF.js → Icon-DyW-OJcE.js} +1 -1
  13. package/dist/{InputPassword-CjExdAwu.js → InputPassword-Bilzlomv.js} +1 -1
  14. package/dist/{LanguageSelector-CeioS128.js → LanguageSelector-BHLGr-10.js} +1 -1
  15. package/dist/Link-DtzAAQn8.js +98 -0
  16. package/dist/{ListItem-CC1Ud8f6.js → ListItem-BoCF7VH9.js} +1 -1
  17. package/dist/{Logo-C_CbU1Oq.js → Logo-DCx_YOA2.js} +1 -1
  18. package/dist/{Menu-BVxNhuDF.js → Menu-C42iQ6ni.js} +1 -1
  19. package/dist/{MenuItem-3UBIrvob.js → MenuItem-SGNMauJR.js} +1 -1
  20. package/dist/{Pagination-Bbk7dlxN.js → Pagination-gz91HOqY.js} +2 -2
  21. package/dist/{Response-B4iaYCX1.js → Response-CNXJpgUk.js} +2 -2
  22. package/dist/{Link-BREALvPd.js → ScrollToView-DQZEx4Qs.js} +30 -84
  23. package/dist/{SearchResult-BekTgQJ2.js → SearchResult-DmvQvfPl.js} +1 -1
  24. package/dist/{SiteMenuButton-DXFJiK5H.js → SiteMenuButton-CaJqHqly.js} +1 -1
  25. package/dist/{SwitchField-B2Bo-CKD.js → SwitchField-Bq90qJ7P.js} +1 -1
  26. package/dist/{TabGroup-DEa55bqq.js → TabGroup-BJgPoaC8.js} +1 -1
  27. package/dist/cjs/{Accordion-DcPQQ3Rd.js → Accordion-DRCJXbXR.js} +1 -1
  28. package/dist/cjs/{Avatar-048eJFtq.js → Avatar-DdzcQ7Tv.js} +1 -1
  29. package/dist/cjs/{Breadcrumbs-cn7gw2i0.js → Breadcrumbs-B_mi0vy6.js} +2 -2
  30. package/dist/cjs/{Button-CXdhQNJq.js → Button-qWiPRK_v.js} +2 -2
  31. package/dist/cjs/{Cell-DSyNSkFG.js → Cell-HAvuC_53.js} +1 -1
  32. package/dist/cjs/{Choice-GVU9LM0O.js → Choice-CkbYpKdh.js} +1 -1
  33. package/dist/cjs/{ContextMenuItem-CFjibLNs.js → ContextMenuItem-CBatWAIi.js} +1 -1
  34. package/dist/cjs/{CookiesWarning-iXVuv8UU.js → CookiesWarning-Bj5qJx-5.js} +2 -2
  35. package/dist/cjs/{DatePicker-CIWHdPVz.js → DatePicker-B0hI1LEq.js} +2 -2
  36. package/dist/cjs/{DropdownItem-B4pH6JPf.js → DropdownItem-Cb3fvREo.js} +1 -1
  37. package/dist/cjs/{Group-CiGVWRjW.js → Group-EFTg84wP.js} +2 -2
  38. package/dist/cjs/{Icon-_GtZOE4V.js → Icon-BrmShIlv.js} +1 -1
  39. package/dist/cjs/{InputPassword-CPH0_fiE.js → InputPassword-3k2o9hk6.js} +1 -1
  40. package/dist/cjs/{LanguageSelector-BzXOG-vO.js → LanguageSelector-DVM6JIBX.js} +1 -1
  41. package/dist/cjs/Link-DRV1vzHd.js +107 -0
  42. package/dist/cjs/{ListItem-DOMz7Wb0.js → ListItem-B5rYml7Y.js} +1 -1
  43. package/dist/cjs/{Logo-B0jp-maT.js → Logo-CsOCRB7d.js} +1 -1
  44. package/dist/cjs/{Menu-BtLNO62s.js → Menu-DCsVr-SF.js} +1 -1
  45. package/dist/cjs/{MenuItem-C57jgxF7.js → MenuItem-J3NDyCly.js} +1 -1
  46. package/dist/cjs/{Pagination-B0p0XYPQ.js → Pagination-bP-Pn6r6.js} +2 -2
  47. package/dist/cjs/{Response-Cpj42jCG.js → Response-CMfO022l.js} +2 -2
  48. package/dist/cjs/{Link-D-9lWATq.js → ScrollToView-D4EUki4H.js} +32 -89
  49. package/dist/cjs/{SearchResult-gRidlU7Q.js → SearchResult-DadOrMik.js} +1 -1
  50. package/dist/cjs/{SiteMenuButton-DRsg0Q6A.js → SiteMenuButton-CzHQaMtt.js} +1 -1
  51. package/dist/cjs/{SwitchField-RrUBVCd3.js → SwitchField-DNf-w5qK.js} +1 -1
  52. package/dist/cjs/{TabGroup-Ddjy3kOr.js → TabGroup-B4KdSaRm.js} +1 -1
  53. package/dist/cjs/components/Accordion.js +3 -5
  54. package/dist/cjs/components/Avatar.js +3 -5
  55. package/dist/cjs/components/Breadcrumbs.js +3 -5
  56. package/dist/cjs/components/Button.js +3 -5
  57. package/dist/cjs/components/Cell.js +3 -5
  58. package/dist/cjs/components/Choice.js +3 -5
  59. package/dist/cjs/components/ContextMenu.js +3 -5
  60. package/dist/cjs/components/CookiesWarning.js +5 -7
  61. package/dist/cjs/components/DatePicker.js +4 -5
  62. package/dist/cjs/components/Dropdown.js +2 -4
  63. package/dist/cjs/components/FormField.js +5 -6
  64. package/dist/cjs/components/Group.js +1 -1
  65. package/dist/cjs/components/Icon.js +2 -4
  66. package/dist/cjs/components/InputPassword.js +3 -5
  67. package/dist/cjs/components/LanguageSelector.js +3 -5
  68. package/dist/cjs/components/Link/Link.d.ts +1 -2
  69. package/dist/cjs/components/Link/index.d.ts +1 -1
  70. package/dist/cjs/components/Link.js +2 -5
  71. package/dist/cjs/components/List.js +2 -4
  72. package/dist/cjs/components/Logo.js +2 -4
  73. package/dist/cjs/components/Menu.js +3 -5
  74. package/dist/cjs/components/MenuItem.js +2 -4
  75. package/dist/cjs/components/Pagination.js +4 -6
  76. package/dist/cjs/components/Panel.js +1 -1
  77. package/dist/cjs/components/Response.js +5 -7
  78. package/dist/cjs/components/ScrollToView/ScrollToView.d.ts +2 -0
  79. package/dist/cjs/components/ScrollToView/index.d.ts +1 -0
  80. package/dist/cjs/components/ScrollToView.js +23 -0
  81. package/dist/cjs/components/Search.js +3 -5
  82. package/dist/cjs/components/Select.js +3 -4
  83. package/dist/cjs/components/SiteMenu.js +3 -5
  84. package/dist/cjs/components/Tab.js +2 -4
  85. package/dist/cjs/components/index.d.ts +1 -0
  86. package/dist/cjs/components.js +28 -26
  87. package/dist/components/Accordion.js +3 -5
  88. package/dist/components/Avatar.js +3 -5
  89. package/dist/components/Breadcrumbs.js +3 -5
  90. package/dist/components/Button.js +3 -5
  91. package/dist/components/Cell.js +3 -5
  92. package/dist/components/Choice.js +3 -5
  93. package/dist/components/ContextMenu.js +3 -5
  94. package/dist/components/CookiesWarning.js +5 -7
  95. package/dist/components/DatePicker.js +4 -5
  96. package/dist/components/Dropdown.js +2 -4
  97. package/dist/components/FormField.js +5 -6
  98. package/dist/components/Group.js +1 -1
  99. package/dist/components/Icon.js +2 -4
  100. package/dist/components/InputPassword.js +3 -5
  101. package/dist/components/LanguageSelector.js +3 -5
  102. package/dist/components/Link/Link.d.ts +1 -2
  103. package/dist/components/Link/index.d.ts +1 -1
  104. package/dist/components/Link.js +2 -4
  105. package/dist/components/List.js +2 -4
  106. package/dist/components/Logo.js +2 -4
  107. package/dist/components/Menu.js +3 -5
  108. package/dist/components/MenuItem.js +2 -4
  109. package/dist/components/Pagination.js +4 -6
  110. package/dist/components/Panel.js +1 -1
  111. package/dist/components/Response.js +5 -7
  112. package/dist/components/ScrollToView/ScrollToView.d.ts +2 -0
  113. package/dist/components/ScrollToView/index.d.ts +1 -0
  114. package/dist/components/ScrollToView.js +17 -0
  115. package/dist/components/Search.js +3 -5
  116. package/dist/components/Select.js +3 -4
  117. package/dist/components/SiteMenu.js +3 -5
  118. package/dist/components/Tab.js +2 -4
  119. package/dist/components/index.d.ts +1 -0
  120. package/dist/components.js +27 -26
  121. package/dist/css/styles/align-items/align-items.css +7 -0
  122. package/dist/css/styles/align-self/align-self.css +7 -0
  123. package/package.json +1 -1
@@ -6,7 +6,7 @@ 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-D-9lWATq.js');
9
+ var Link = require('./Link-DRV1vzHd.js');
10
10
  var Text = require('./Text-D2YDVhGJ.js');
11
11
 
12
12
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -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, isTextHover = props.isTextHover, 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;
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, isTextHover && 'group_text_hover', textColorClass, textColorActiveClass, textColorHoverClass, fillClass ||
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,7 +7,7 @@ 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-D-9lWATq.js');
10
+ var Link = require('./Link-DRV1vzHd.js');
11
11
  var Tooltip = require('./Tooltip-CYJGThOv.js');
12
12
 
13
13
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -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-_GtZOE4V.js');
7
+ var Icon = require('./Icon-BrmShIlv.js');
8
8
 
9
9
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
 
@@ -2,7 +2,7 @@
2
2
 
3
3
  var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
4
4
  var clsx = require('clsx');
5
- var Icon = require('./Icon-_GtZOE4V.js');
5
+ var Icon = require('./Icon-BrmShIlv.js');
6
6
 
7
7
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
8
8
 
@@ -0,0 +1,107 @@
1
+ 'use strict';
2
+
3
+ var _tslib = require('./_tslib-CKiUdo7p.js');
4
+ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
5
+ var React = require('react');
6
+ var clsx = require('clsx');
7
+ var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
8
+ var useStyles = require('./hooks/useStyles.js');
9
+
10
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefault(React);
13
+ var clsx__default = /*#__PURE__*/_interopDefault(clsx);
14
+
15
+ var linkConfig = {
16
+ LinkComponent: 'a',
17
+ setLinkComponent: function (newComponent) {
18
+ linkConfig.LinkComponent = newComponent;
19
+ },
20
+ };
21
+ function Link(props) {
22
+ 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;
23
+ var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
24
+ prefix: 'link_direction_',
25
+ propsKey: 'direction',
26
+ });
27
+ var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
28
+ prefix: 'text_size_',
29
+ propsKey: 'size',
30
+ });
31
+ var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
32
+ prefix: 'text-color_',
33
+ propsKey: 'textColor',
34
+ });
35
+ var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
36
+ prefix: 'fill_',
37
+ propsKey: 'fill',
38
+ });
39
+ var svgFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
40
+ prefix: 'svg_fill_',
41
+ propsKey: 'svgFill',
42
+ });
43
+ var svgFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
44
+ prefix: 'svg_fill_hover_',
45
+ propsKey: 'svgFillHover',
46
+ });
47
+ var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
48
+ prefix: 'text-weight_',
49
+ propsKey: 'textWeight',
50
+ });
51
+ var textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
52
+ prefix: 'text-color_hover_',
53
+ propsKey: 'textColorHover',
54
+ });
55
+ var textStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
56
+ prefix: 'text-style_',
57
+ propsKey: 'textColorHover',
58
+ });
59
+ var textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
60
+ prefix: 'text-gradient_',
61
+ propsKey: 'textGradient',
62
+ });
63
+ var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
64
+ prefix: 'width_',
65
+ propsKey: 'width',
66
+ });
67
+ var heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
68
+ prefix: 'height_',
69
+ propsKey: 'height',
70
+ });
71
+ // @ts-expect-error
72
+ var styles = useStyles.useStyles(props).styles;
73
+ return (jsxRuntime.jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx__default.default(className, 'link', widthClass, heightClass, directionClass, sizeClass, svgFillClass, svgFillHoverClass, underline && "link_underline_".concat(underline), 'text', (textColorClass ||
74
+ textColorHoverClass ||
75
+ textGradientClass ||
76
+ textStyleClass ||
77
+ weightClass) &&
78
+ 'text', textColorClass, textColorHoverClass, textGradientClass, textStyleClass, weightClass, fillClass), Component: LinkComponent, href: href || link, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
79
+ }
80
+ Link.defaultProps = {
81
+ underline: 'underline',
82
+ };
83
+ // Wrapper with "Link" by condition
84
+ function LinkWrapper(props) {
85
+ var children = props.children, Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, target = props.target, rel = props.rel, otherProps = _tslib.__rest(props, ["children", "Component", "DefaultComponent", "href", "target", "rel"]);
86
+ if (href) {
87
+ // If href passed, make link-wrapper
88
+ var LinkComponent = Component || linkConfig.LinkComponent;
89
+ if (LinkComponent) {
90
+ return (jsxRuntime.jsxRuntimeExports.jsx(LinkComponent, _tslib.__assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
91
+ }
92
+ }
93
+ else if (DefaultComponent) {
94
+ // If has default "Component" - render it
95
+ return jsxRuntime.jsxRuntimeExports.jsx(DefaultComponent, _tslib.__assign({}, otherProps, { children: children }));
96
+ }
97
+ // Return children and pass current props to
98
+ return React__default.default.Children.toArray(children)
99
+ .filter(Boolean)
100
+ .map(function (child) {
101
+ return React__default.default.isValidElement(child) ? React__default.default.cloneElement(child, otherProps) : child;
102
+ });
103
+ }
104
+
105
+ exports.Link = Link;
106
+ exports.LinkWrapper = LinkWrapper;
107
+ exports.linkConfig = linkConfig;
@@ -4,7 +4,7 @@ var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
4
4
  var clsx = require('clsx');
5
5
  var useStyles = require('./hooks/useStyles.js');
6
6
  var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
7
- var Link = require('./Link-D-9lWATq.js');
7
+ var Link = require('./Link-DRV1vzHd.js');
8
8
 
9
9
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
 
@@ -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 Link = require('./Link-D-9lWATq.js');
7
+ var Link = require('./Link-DRV1vzHd.js');
8
8
 
9
9
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
 
@@ -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 MenuItem = require('./MenuItem-C57jgxF7.js');
7
+ var MenuItem = require('./MenuItem-J3NDyCly.js');
8
8
 
9
9
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
10
10
 
@@ -5,7 +5,7 @@ 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 Link = require('./Link-D-9lWATq.js');
8
+ var Link = require('./Link-DRV1vzHd.js');
9
9
  var Text = require('./Text-D2YDVhGJ.js');
10
10
 
11
11
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -6,8 +6,8 @@ var clsx = require('clsx');
6
6
  var ceil = require('lodash/ceil');
7
7
  var ReactPaginate = require('react-paginate');
8
8
  var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
9
- var DropdownItem = require('./DropdownItem-B4pH6JPf.js');
10
- var Icon = require('./Icon-_GtZOE4V.js');
9
+ var DropdownItem = require('./DropdownItem-Cb3fvREo.js');
10
+ var Icon = require('./Icon-BrmShIlv.js');
11
11
  var Text = require('./Text-D2YDVhGJ.js');
12
12
 
13
13
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -6,8 +6,8 @@ var clsx = require('clsx');
6
6
  var SVG = require('react-inlinesvg');
7
7
  var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
8
8
  var useStyles = require('./hooks/useStyles.js');
9
- var Button = require('./Button-CXdhQNJq.js');
10
- var Group = require('./Group-CiGVWRjW.js');
9
+ var Button = require('./Button-qWiPRK_v.js');
10
+ var Group = require('./Group-EFTg84wP.js');
11
11
  var Text = require('./Text-D2YDVhGJ.js');
12
12
  var Title = require('./Title-Ckp30YSI.js');
13
13
 
@@ -1,9 +1,8 @@
1
1
  'use strict';
2
2
 
3
- var _tslib = require('./_tslib-CKiUdo7p.js');
4
3
  var jsxRuntime = require('./jsx-runtime-BBxmckJR.js');
5
- var React$1 = require('react');
6
4
  var clsx = require('clsx');
5
+ var React$1 = require('react');
7
6
  var require$$0 = require('lodash.throttle');
8
7
  var PropTypes$1 = require('prop-types');
9
8
  var ReactDOM = require('react-dom');
@@ -12,15 +11,15 @@ var useStyles = require('./hooks/useStyles.js');
12
11
 
13
12
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
14
13
 
15
- var React__default = /*#__PURE__*/_interopDefault(React$1);
16
14
  var clsx__default = /*#__PURE__*/_interopDefault(clsx);
15
+ var React__default = /*#__PURE__*/_interopDefault(React$1);
17
16
  var require$$0__default = /*#__PURE__*/_interopDefault(require$$0);
18
17
  var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes$1);
19
18
  var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
20
19
 
21
20
  var modules = {};
22
21
 
23
- var Link$1 = {};
22
+ var Link = {};
24
23
 
25
24
  var scrollLink = {};
26
25
 
@@ -1140,7 +1139,7 @@ scrollLink.default = function (Component, customScroller) {
1140
1139
  return Link;
1141
1140
  };
1142
1141
 
1143
- Object.defineProperty(Link$1, "__esModule", {
1142
+ Object.defineProperty(Link, "__esModule", {
1144
1143
  value: true
1145
1144
  });
1146
1145
 
@@ -1186,7 +1185,7 @@ var LinkElement = function (_React$Component) {
1186
1185
  return LinkElement;
1187
1186
  }(_react2$3.default.Component);
1188
1187
 
1189
- Link$1.default = (0, _scrollLink2$2.default)(LinkElement);
1188
+ Link.default = (0, _scrollLink2$2.default)(LinkElement);
1190
1189
 
1191
1190
  var Button = {};
1192
1191
 
@@ -1725,7 +1724,7 @@ Object.defineProperty(modules, "__esModule", {
1725
1724
  });
1726
1725
  modules.Helpers = modules.ScrollElement = ScrollLink = modules.ScrollLink = modules.animateScroll = modules.scrollSpy = modules.Events = modules.scroller = modules.Element = modules.Button = modules.Link = undefined;
1727
1726
 
1728
- var _Link = Link$1;
1727
+ var _Link = Link;
1729
1728
 
1730
1729
  var _Link2 = _interopRequireDefault(_Link);
1731
1730
 
@@ -1779,53 +1778,31 @@ modules.ScrollElement = _scrollElement2.default;
1779
1778
  modules.Helpers = _Helpers2.default;
1780
1779
  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 };
1781
1780
 
1782
- var linkConfig = {
1783
- LinkComponent: 'a',
1784
- setLinkComponent: function (newComponent) {
1785
- linkConfig.LinkComponent = newComponent;
1786
- },
1787
- };
1788
- function Link(props) {
1789
- 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;
1790
- var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1791
- prefix: 'link_direction_',
1792
- propsKey: 'direction',
1793
- });
1794
- var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1795
- prefix: 'text_size_',
1796
- propsKey: 'size',
1797
- });
1798
- var textColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1799
- prefix: 'text-color_',
1800
- propsKey: 'textColor',
1801
- });
1802
- var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1803
- prefix: 'fill_',
1804
- propsKey: 'fill',
1781
+ var ScrollToView = ScrollLink(function ScrollToView(props) {
1782
+ var id = props.id, children = props.children, className = props.className, _a = props.tag, Tag = _a === void 0 ? 'div' : _a;
1783
+ var alignItemsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1784
+ prefix: 'align-items_',
1785
+ propsKey: 'alignItems',
1805
1786
  });
1806
- var svgFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1807
- prefix: 'svg_fill_',
1808
- propsKey: 'svgFill',
1787
+ useDeviceTargetClass.useDeviceTargetClass(props, {
1788
+ prefix: 'align-self_',
1789
+ propsKey: 'alignSelf',
1809
1790
  });
1810
- var svgFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1811
- prefix: 'svg_fill_hover_',
1812
- propsKey: 'svgFillHover',
1791
+ var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1792
+ prefix: 'align_',
1793
+ propsKey: 'alignDirection',
1813
1794
  });
1814
- var weightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1815
- prefix: 'text-weight_',
1816
- propsKey: 'textWeight',
1795
+ var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1796
+ prefix: 'align_',
1797
+ propsKey: 'align',
1817
1798
  });
1818
- var textColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1819
- prefix: 'text-color_hover_',
1820
- propsKey: 'textColorHover',
1799
+ var justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1800
+ prefix: 'justify-content_',
1801
+ propsKey: 'justifyContent',
1821
1802
  });
1822
- var textStyleClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1823
- prefix: 'text-style_',
1824
- propsKey: 'textColorHover',
1825
- });
1826
- var textGradientClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1827
- prefix: 'text-gradient_',
1828
- propsKey: 'textGradient',
1803
+ var directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1804
+ prefix: 'direction_',
1805
+ propsKey: 'direction',
1829
1806
  });
1830
1807
  var widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
1831
1808
  prefix: 'width_',
@@ -1835,43 +1812,9 @@ function Link(props) {
1835
1812
  prefix: 'height_',
1836
1813
  propsKey: 'height',
1837
1814
  });
1838
- // @ts-expect-error
1839
- var styles = useStyles.useStyles(props).styles;
1840
- return (jsxRuntime.jsxRuntimeExports.jsxs(LinkWrapper, { className: clsx__default.default(className, 'link', widthClass, heightClass, directionClass, sizeClass, svgFillClass, svgFillHoverClass, underline && "link_underline_".concat(underline), 'text', (textColorClass ||
1841
- textColorHoverClass ||
1842
- textGradientClass ||
1843
- textStyleClass ||
1844
- weightClass) &&
1845
- 'text', textColorClass, textColorHoverClass, textGradientClass, textStyleClass, weightClass, fillClass), Component: LinkComponent, href: href || link, rel: rel, style: Object.assign({}, styles, style), target: target, onClick: onClick, onMouseDown: onMouseDown, children: [before, children || text, after] }));
1846
- }
1847
- Link.defaultProps = {
1848
- underline: 'underline',
1849
- };
1850
- // Wrapper with "Link" by condition
1851
- function LinkWrapper(props) {
1852
- var children = props.children, Component = props.Component, DefaultComponent = props.DefaultComponent, href = props.href, target = props.target, rel = props.rel, otherProps = _tslib.__rest(props, ["children", "Component", "DefaultComponent", "href", "target", "rel"]);
1853
- if (href) {
1854
- // If href passed, make link-wrapper
1855
- var LinkComponent = Component || linkConfig.LinkComponent;
1856
- if (LinkComponent) {
1857
- return (jsxRuntime.jsxRuntimeExports.jsx(LinkComponent, _tslib.__assign({ href: href, rel: rel, target: target }, otherProps, { children: children })));
1858
- }
1859
- }
1860
- else if (DefaultComponent) {
1861
- // If has default "Component" - render it
1862
- return jsxRuntime.jsxRuntimeExports.jsx(DefaultComponent, _tslib.__assign({}, otherProps, { children: children }));
1863
- }
1864
- // Return children and pass current props to
1865
- return React__default.default.Children.toArray(children)
1866
- .filter(Boolean)
1867
- .map(function (child) {
1868
- return React__default.default.isValidElement(child) ? React__default.default.cloneElement(child, otherProps) : child;
1869
- });
1870
- }
1871
- // @ts-expect-error
1872
- var LinkScrollable = ScrollLink(Link);
1873
-
1874
- exports.Link = Link;
1875
- exports.LinkScrollable = LinkScrollable;
1876
- exports.LinkWrapper = LinkWrapper;
1877
- exports.linkConfig = linkConfig;
1815
+ var scrollToViewStyles = useStyles.useStyles(props).styles;
1816
+ console.log();
1817
+ return (jsxRuntime.jsxRuntimeExports.jsx(Tag, { onClick: props.onClick, id: id, className: clsx__default.default(className, 'scroll-to-view', alignItemsClass, widthClass, heightClass, alignDirectionClass, alignClass, justifyContentClass, directionClass), style: Object.assign({}, scrollToViewStyles, props.style), children: children }));
1818
+ });
1819
+
1820
+ exports.ScrollToView = ScrollToView;
@@ -5,7 +5,7 @@ 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-_GtZOE4V.js');
8
+ var Icon = require('./Icon-BrmShIlv.js');
9
9
  var Text = require('./Text-D2YDVhGJ.js');
10
10
  var Scrollbar = require('./Scrollbar-DOujlQOb.js');
11
11
 
@@ -5,7 +5,7 @@ var React = require('react');
5
5
  var clsx = require('clsx');
6
6
  var UIContext = require('./context/UIContext.js');
7
7
  var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
8
- var Icon = require('./Icon-_GtZOE4V.js');
8
+ var Icon = require('./Icon-BrmShIlv.js');
9
9
  var Text = require('./Text-D2YDVhGJ.js');
10
10
 
11
11
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -8,7 +8,7 @@ var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
8
8
  var index = require('./components/Select.js');
9
9
  var Divider = require('./Divider-D92wY8Fn.js');
10
10
  var Text = require('./Text-D2YDVhGJ.js');
11
- var Icon = require('./Icon-_GtZOE4V.js');
11
+ var Icon = require('./Icon-BrmShIlv.js');
12
12
  var useStyles = require('./hooks/useStyles.js');
13
13
  var Switch = require('./Switch-K1p9h3aF.js');
14
14
 
@@ -7,7 +7,7 @@ var useDeviceTargetClass = require('./hooks/useDeviceTargetClass.js');
7
7
  var useStyles = require('./hooks/useStyles.js');
8
8
  var Badge = require('./Badge-Cn73E3GI.js');
9
9
  var Divider = require('./Divider-D92wY8Fn.js');
10
- var Link = require('./Link-D-9lWATq.js');
10
+ var Link = require('./Link-DRV1vzHd.js');
11
11
  var Text = require('./Text-D2YDVhGJ.js');
12
12
 
13
13
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Accordion = require('../Accordion-DcPQQ3Rd.js');
3
+ var Accordion = require('../Accordion-DRCJXbXR.js');
4
4
  require('../_tslib-CKiUdo7p.js');
5
5
  require('../jsx-runtime-BBxmckJR.js');
6
6
  require('react');
@@ -16,11 +16,9 @@ require('../hooks/useStyles.js');
16
16
  require('lodash/maxBy');
17
17
  require('lodash/upperFirst');
18
18
  require('../hooks/styleAttributes.js');
19
- require('../Icon-_GtZOE4V.js');
19
+ require('../Icon-BrmShIlv.js');
20
20
  require('react-inlinesvg');
21
- require('../Link-D-9lWATq.js');
22
- require('lodash.throttle');
23
- require('react-dom');
21
+ require('../Link-DRV1vzHd.js');
24
22
  require('../Tooltip-CYJGThOv.js');
25
23
  require('../Text-D2YDVhGJ.js');
26
24
  require('../Title-Ckp30YSI.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Avatar = require('../Avatar-048eJFtq.js');
3
+ var Avatar = require('../Avatar-DdzcQ7Tv.js');
4
4
  require('../jsx-runtime-BBxmckJR.js');
5
5
  require('react');
6
6
  require('clsx');
@@ -11,16 +11,14 @@ require('../context/UIContext.js');
11
11
  require('prop-types');
12
12
  require('../hooks/useMediaQueries.js');
13
13
  require('react-responsive');
14
- require('../Icon-_GtZOE4V.js');
14
+ require('../Icon-BrmShIlv.js');
15
15
  require('../_tslib-CKiUdo7p.js');
16
16
  require('react-inlinesvg');
17
17
  require('../hooks/useStyles.js');
18
18
  require('lodash/maxBy');
19
19
  require('lodash/upperFirst');
20
20
  require('../hooks/styleAttributes.js');
21
- require('../Link-D-9lWATq.js');
22
- require('lodash.throttle');
23
- require('react-dom');
21
+ require('../Link-DRV1vzHd.js');
24
22
  require('../Tooltip-CYJGThOv.js');
25
23
  require('../Text-D2YDVhGJ.js');
26
24
  require('../Title-Ckp30YSI.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Breadcrumbs = require('../Breadcrumbs-cn7gw2i0.js');
3
+ var Breadcrumbs = require('../Breadcrumbs-B_mi0vy6.js');
4
4
  require('../_tslib-CKiUdo7p.js');
5
5
  require('../jsx-runtime-BBxmckJR.js');
6
6
  require('react');
@@ -16,11 +16,9 @@ require('../hooks/useStyles.js');
16
16
  require('lodash/maxBy');
17
17
  require('lodash/upperFirst');
18
18
  require('../hooks/styleAttributes.js');
19
- require('../Icon-_GtZOE4V.js');
19
+ require('../Icon-BrmShIlv.js');
20
20
  require('react-inlinesvg');
21
- require('../Link-D-9lWATq.js');
22
- require('lodash.throttle');
23
- require('react-dom');
21
+ require('../Link-DRV1vzHd.js');
24
22
  require('../Tooltip-CYJGThOv.js');
25
23
  require('../Text-D2YDVhGJ.js');
26
24
  require('../Title-Ckp30YSI.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Button = require('../Button-CXdhQNJq.js');
3
+ var Button = require('../Button-qWiPRK_v.js');
4
4
  require('../jsx-runtime-BBxmckJR.js');
5
5
  require('react');
6
6
  require('clsx');
@@ -15,12 +15,10 @@ require('../hooks/useStyles.js');
15
15
  require('lodash/maxBy');
16
16
  require('lodash/upperFirst');
17
17
  require('../hooks/styleAttributes.js');
18
- require('../Icon-_GtZOE4V.js');
18
+ require('../Icon-BrmShIlv.js');
19
19
  require('../_tslib-CKiUdo7p.js');
20
20
  require('react-inlinesvg');
21
- require('../Link-D-9lWATq.js');
22
- require('lodash.throttle');
23
- require('react-dom');
21
+ require('../Link-DRV1vzHd.js');
24
22
  require('../Tooltip-CYJGThOv.js');
25
23
  require('../Text-D2YDVhGJ.js');
26
24
  require('../Title-Ckp30YSI.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Cell = require('../Cell-DSyNSkFG.js');
3
+ var Cell = require('../Cell-HAvuC_53.js');
4
4
  require('../jsx-runtime-BBxmckJR.js');
5
5
  require('react');
6
6
  require('clsx');
@@ -11,16 +11,14 @@ require('../context/UIContext.js');
11
11
  require('prop-types');
12
12
  require('../hooks/useMediaQueries.js');
13
13
  require('react-responsive');
14
- require('../Icon-_GtZOE4V.js');
14
+ require('../Icon-BrmShIlv.js');
15
15
  require('../_tslib-CKiUdo7p.js');
16
16
  require('react-inlinesvg');
17
17
  require('../hooks/useStyles.js');
18
18
  require('lodash/maxBy');
19
19
  require('lodash/upperFirst');
20
20
  require('../hooks/styleAttributes.js');
21
- require('../Link-D-9lWATq.js');
22
- require('lodash.throttle');
23
- require('react-dom');
21
+ require('../Link-DRV1vzHd.js');
24
22
  require('../Tooltip-CYJGThOv.js');
25
23
  require('../Text-D2YDVhGJ.js');
26
24
  require('../Title-Ckp30YSI.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Choice = require('../Choice-GVU9LM0O.js');
3
+ var Choice = require('../Choice-CkbYpKdh.js');
4
4
  require('../jsx-runtime-BBxmckJR.js');
5
5
  require('react');
6
6
  require('clsx');
@@ -11,16 +11,14 @@ require('../context/UIContext.js');
11
11
  require('prop-types');
12
12
  require('../hooks/useMediaQueries.js');
13
13
  require('react-responsive');
14
- require('../Icon-_GtZOE4V.js');
14
+ require('../Icon-BrmShIlv.js');
15
15
  require('../_tslib-CKiUdo7p.js');
16
16
  require('react-inlinesvg');
17
17
  require('../hooks/useStyles.js');
18
18
  require('lodash/maxBy');
19
19
  require('lodash/upperFirst');
20
20
  require('../hooks/styleAttributes.js');
21
- require('../Link-D-9lWATq.js');
22
- require('lodash.throttle');
23
- require('react-dom');
21
+ require('../Link-DRV1vzHd.js');
24
22
  require('../Tooltip-CYJGThOv.js');
25
23
  require('../Text-D2YDVhGJ.js');
26
24
  require('../Title-Ckp30YSI.js');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var ContextMenuItem = require('../ContextMenuItem-CFjibLNs.js');
3
+ var ContextMenuItem = require('../ContextMenuItem-CBatWAIi.js');
4
4
  require('../jsx-runtime-BBxmckJR.js');
5
5
  require('react');
6
6
  require('clsx');
@@ -16,12 +16,10 @@ require('../hooks/useStyles.js');
16
16
  require('lodash/maxBy');
17
17
  require('lodash/upperFirst');
18
18
  require('../hooks/styleAttributes.js');
19
- require('../Icon-_GtZOE4V.js');
19
+ require('../Icon-BrmShIlv.js');
20
20
  require('../_tslib-CKiUdo7p.js');
21
21
  require('react-inlinesvg');
22
- require('../Link-D-9lWATq.js');
23
- require('lodash.throttle');
24
- require('react-dom');
22
+ require('../Link-DRV1vzHd.js');
25
23
  require('../Tooltip-CYJGThOv.js');
26
24
  require('../Text-D2YDVhGJ.js');
27
25
  require('../Title-Ckp30YSI.js');