@geneui/components 3.0.0-next-9230252-17092024 → 3.0.0-next-1b7eefe-17092024

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 (132) hide show
  1. package/ActionableList/index.js +7 -8
  2. package/AdvancedSearch/index.js +5 -6
  3. package/Alert/index.js +3 -3
  4. package/Avatar/index.js +1 -1
  5. package/Badge/index.js +1 -1
  6. package/Breadcrumb/index.js +4 -5
  7. package/BusyLoader/index.js +2 -2
  8. package/Button/index.js +2 -2
  9. package/CHANGELOG.md +23 -0
  10. package/Card/index.js +4 -5
  11. package/CardList/index.js +11 -12
  12. package/{CellMeasurerCache-a1dbe54e.js → CellMeasurerCache-f0690f3b.js} +2 -2
  13. package/Charts/index.js +19 -19
  14. package/Checkbox/index.js +4 -4
  15. package/CheckboxGroup/index.js +4 -4
  16. package/CheckboxGroupWithSearch/index.js +5 -6
  17. package/Collapse/index.js +2 -2
  18. package/ColorPicker/index.js +2 -2
  19. package/ComboBox/index.js +6 -6
  20. package/Copy/index.js +5 -5
  21. package/Counter/index.js +4 -5
  22. package/DateFilter/index.js +5 -6
  23. package/DatePicker/index.js +2 -2
  24. package/DatePickerInput/index.js +6 -7
  25. package/Divider/index.js +1 -1
  26. package/Drawer/index.js +5 -5
  27. package/Dropdown/index.js +8 -9
  28. package/Editor/index.js +7 -14
  29. package/Empty/index.js +1 -1
  30. package/ExtendedInput/index.js +5 -5
  31. package/Form/index.js +8 -9
  32. package/FormContainer/index.js +2 -2
  33. package/FormableCheckbox/index.js +5 -5
  34. package/FormableDatePicker/index.js +6 -7
  35. package/FormableDropdown/index.js +8 -9
  36. package/FormableEditor/index.js +3 -3
  37. package/{FormableHOC-70f027f8.js → FormableHOC-300e2dd7.js} +2 -2
  38. package/FormableMultiSelectDropdown/index.js +8 -9
  39. package/FormableNumberInput/index.js +5 -5
  40. package/FormableRadio/index.js +3 -3
  41. package/FormableSwitcher/index.js +3 -3
  42. package/FormableTextInput/index.js +5 -5
  43. package/FormableUploader/index.js +4 -5
  44. package/GeneUIProvider/index.js +2 -1
  45. package/Grid/index.js +3 -3
  46. package/HelperText/index.js +4 -5
  47. package/Holder/index.js +4 -5
  48. package/Icon/index.js +2 -2
  49. package/Image/index.js +6 -7
  50. package/ImagePreview/index.js +4 -5
  51. package/InteractiveWidget/index.js +4 -5
  52. package/KeyValue/index.js +2 -2
  53. package/Label/index.js +1 -1
  54. package/LinkButton/index.js +2 -2
  55. package/Menu/index.js +5 -5
  56. package/MobileNavigation/index.js +2 -2
  57. package/MobilePopup/index.js +5 -5
  58. package/Modal/index.js +3 -3
  59. package/ModuleTitle/index.js +5 -5
  60. package/NavigationMenu/index.js +6 -6
  61. package/Notification/index.js +3 -3
  62. package/Option/index.js +5 -5
  63. package/Overlay/index.js +4 -5
  64. package/Overspread/index.js +9 -10
  65. package/Pagination/index.js +4 -5
  66. package/Paper/index.js +2 -2
  67. package/Popover/index.js +411 -6
  68. package/PopoverV2/index.js +3 -3
  69. package/Products/index.js +3 -3
  70. package/Profile/index.js +4 -5
  71. package/Progress/index.js +2 -2
  72. package/Radio/index.js +2 -2
  73. package/RadioGroup/index.js +2 -2
  74. package/Range/index.js +3 -3
  75. package/Rating/index.js +4 -4
  76. package/RichEditor/index.js +1 -1
  77. package/{RichEditor-a3f1150e.js → RichEditor-3ad651c7.js} +1 -1
  78. package/Scrollbar/index.js +3 -3
  79. package/Search/index.js +4 -4
  80. package/SearchWithDropdown/index.js +9 -10
  81. package/Section/index.js +3 -3
  82. package/SkeletonLoader/index.js +2 -2
  83. package/Slider/index.js +5 -5
  84. package/Status/index.js +6 -6
  85. package/Steps/index.js +6 -6
  86. package/SuggestionList/index.js +3 -3
  87. package/Switcher/index.js +3 -3
  88. package/Table/index.js +16 -17
  89. package/TableCompositions/index.js +14 -15
  90. package/Tabs/index.js +2 -2
  91. package/Tag/index.js +3 -3
  92. package/Textarea/index.js +4 -4
  93. package/Time/index.js +2 -2
  94. package/TimePicker/index.js +57 -39
  95. package/Timeline/index.js +3 -3
  96. package/Title/index.js +3 -3
  97. package/Toaster/index.js +3 -3
  98. package/Tooltip/index.js +10 -153
  99. package/TransferList/index.js +9 -10
  100. package/Uploader/index.js +7 -8
  101. package/ValidatableCheckbox/index.js +4 -4
  102. package/ValidatableDatePicker/index.js +5 -6
  103. package/ValidatableDropdown/index.js +7 -8
  104. package/ValidatableElements/index.js +7 -8
  105. package/ValidatableMultiSelectDropdown/index.js +7 -8
  106. package/ValidatableNumberInput/index.js +4 -4
  107. package/ValidatableRadio/index.js +2 -2
  108. package/ValidatableSwitcher/index.js +2 -2
  109. package/ValidatableTextInput/index.js +4 -4
  110. package/ValidatableTimeInput/index.js +4 -4
  111. package/ValidatableUploader/index.js +3 -4
  112. package/Widget/index.js +4 -5
  113. package/_rollupPluginBabelHelpers-e8fb2e5c.js +16 -0
  114. package/{configs-0ed1e326.js → configs-34847b77.js} +1 -1
  115. package/hooks/useDeviceType.js +1 -1
  116. package/index-006d8b06.js +3080 -0
  117. package/{index-34914e4c.js → index-263b0f0b.js} +1 -1
  118. package/{index-b139bff9.js → index-558ac559.js} +87 -64
  119. package/{index-79316a14.js → index-761141c1.js} +11 -10
  120. package/{index-b4ec7815.js → index-ac5c45f7.js} +3 -3
  121. package/index.js +14 -15
  122. package/lib/atoms/Button/Button.d.ts +1 -1
  123. package/lib/molecules/Tooltip/Tooltip.d.ts +58 -0
  124. package/lib/molecules/Tooltip/index.d.ts +1 -0
  125. package/objectWithoutPropertiesLoose-d8a4a68c.js +78 -0
  126. package/package.json +2 -1
  127. package/{rangeAndSlider-693a3d41.js → rangeAndSlider-63c5d423.js} +8 -16
  128. package/{react-beautiful-dnd.esm-ec039212.js → react-beautiful-dnd.esm-0ce25a0e.js} +7 -4
  129. package/{index-b7c1fe38.js → redux-b3e598ca.js} +2 -273
  130. package/Popover-f4d1cac0.js +0 -411
  131. package/_rollupPluginBabelHelpers-a83240e1.js +0 -11
  132. package/objectWithoutPropertiesLoose-e1596bdb.js +0 -62
package/Table/index.js CHANGED
@@ -1,14 +1,14 @@
1
- import '../_rollupPluginBabelHelpers-a83240e1.js';
1
+ import '../_rollupPluginBabelHelpers-e8fb2e5c.js';
2
2
  import 'react';
3
- export { T as default } from '../index-79316a14.js';
3
+ export { T as default } from '../index-761141c1.js';
4
4
  import 'prop-types';
5
- import '../index-b139bff9.js';
6
- import '../CellMeasurerCache-a1dbe54e.js';
5
+ import '../index-558ac559.js';
6
+ import '../CellMeasurerCache-f0690f3b.js';
7
7
  import '../index-031ff73c.js';
8
8
  import '../index-a0e4e333.js';
9
9
  import '../hooks/useMount.js';
10
10
  import '../hooks/useUpdate.js';
11
- import '../configs-0ed1e326.js';
11
+ import '../configs-34847b77.js';
12
12
  import '../hooks/useThrottle.js';
13
13
  import '../Empty/index.js';
14
14
  import '../Scrollbar/index.js';
@@ -18,23 +18,20 @@ import '../debounce-4419bc2f.js';
18
18
  import '../hooks/useMutationObserver.js';
19
19
  import '../Icon/index.js';
20
20
  import '../style-inject.es-746bb8ed.js';
21
- import '../index-b7c1fe38.js';
22
- import '../objectWithoutPropertiesLoose-e1596bdb.js';
23
- import '../Button/index.js';
21
+ import '../index-006d8b06.js';
24
22
  import '../tslib.es6-f211516f.js';
23
+ import 'react-dom';
24
+ import '../hooks/useDeviceType.js';
25
+ import '../hooks/useWindowSize.js';
26
+ import '../hooks/useDebounce.js';
27
+ import '../GeneUIProvider/index.js';
28
+ import '../Button/index.js';
25
29
  import '../dateValidation-67caec66.js';
26
30
  import '../_commonjsHelpers-24198af3.js';
27
- import 'react-dom';
28
31
  import '../SkeletonLoader/index.js';
29
32
  import '../Copy/index.js';
30
33
  import '../callAfterDelay-7272faca.js';
31
34
  import '../hooks/useHover.js';
32
- import '../Tooltip/index.js';
33
- import '../Popover-f4d1cac0.js';
34
- import '../hooks/useDeviceType.js';
35
- import '../hooks/useWindowSize.js';
36
- import '../hooks/useDebounce.js';
37
- import '../GeneUIProvider/index.js';
38
35
  import '../Popover/index.js';
39
36
  import '../index-122432cd.js';
40
37
  import '../hooks/useUpdatableRef.js';
@@ -48,11 +45,13 @@ import '../hooks/useClickOutside.js';
48
45
  import '../config-1053d64d.js';
49
46
  import '../Menu/index.js';
50
47
  import '../Option/index.js';
51
- import '../index-b4ec7815.js';
48
+ import '../index-ac5c45f7.js';
49
+ import '../redux-b3e598ca.js';
50
+ import '../objectWithoutPropertiesLoose-d8a4a68c.js';
52
51
  import '../react-lifecycles-compat.es-6e1f3768.js';
53
52
  import '../clsx.m-2bb6df4b.js';
54
53
  import '../hooks/useClick.js';
55
54
  import '../Checkbox/index.js';
56
55
  import '../checkboxRadioSwitcher-5b69d7bd.js';
57
- import '../index-34914e4c.js';
56
+ import '../index-263b0f0b.js';
58
57
  import '../Tag/index.js';
@@ -1,4 +1,4 @@
1
- import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
1
+ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
2
2
  import React__default, { useMemo, useState, useEffect, useCallback, useRef } from 'react';
3
3
  import { c as classnames } from '../index-031ff73c.js';
4
4
  import PropTypes from 'prop-types';
@@ -8,20 +8,20 @@ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
8
8
  import Paper from '../Paper/index.js';
9
9
  import { L as Logger, n as noop } from '../index-a0e4e333.js';
10
10
  import Pagination from '../Pagination/index.js';
11
- import { D as Dropdown } from '../index-b139bff9.js';
12
- import { T as Table, s as searchConfigs, a as sortHandler, u as useSortConfigs } from '../index-79316a14.js';
13
- import '../configs-0ed1e326.js';
11
+ import { D as Dropdown } from '../index-558ac559.js';
12
+ import { T as Table, s as searchConfigs, a as sortHandler, u as useSortConfigs } from '../index-761141c1.js';
13
+ import '../configs-34847b77.js';
14
14
  import useThrottle from '../hooks/useThrottle.js';
15
15
  import Button from '../Button/index.js';
16
16
  import Divider from '../Divider/index.js';
17
- import Tooltip from '../Tooltip/index.js';
17
+ import { T as Tooltip } from '../index-006d8b06.js';
18
18
  import { c as commonjsGlobal } from '../_commonjsHelpers-24198af3.js';
19
- import { P as PopoverV2 } from '../index-b4ec7815.js';
19
+ import { P as PopoverV2 } from '../index-ac5c45f7.js';
20
20
  import '../dateValidation-67caec66.js';
21
21
  import 'react-dom';
22
22
  import Icon from '../Icon/index.js';
23
23
  import Option from '../Option/index.js';
24
- import '../Popover-f4d1cac0.js';
24
+ import '../tslib.es6-f211516f.js';
25
25
  import '../hooks/useDeviceType.js';
26
26
  import '../hooks/useWindowSize.js';
27
27
  import '../hooks/useDebounce.js';
@@ -35,7 +35,7 @@ import '../hooks/useClickOutside.js';
35
35
  import '../config-1053d64d.js';
36
36
  import '../Scrollbar/index.js';
37
37
  import '../callAfterDelay-7272faca.js';
38
- import '../objectWithoutPropertiesLoose-e1596bdb.js';
38
+ import '../objectWithoutPropertiesLoose-d8a4a68c.js';
39
39
  import '../react-lifecycles-compat.es-6e1f3768.js';
40
40
  import '../clsx.m-2bb6df4b.js';
41
41
  import '../hooks/useMount.js';
@@ -44,25 +44,24 @@ import '../hooks/useUpdatableRef.js';
44
44
  import '../hooks/useForceUpdate.js';
45
45
  import '../BusyLoader/index.js';
46
46
  import '../Empty/index.js';
47
- import '../tslib.es6-f211516f.js';
48
47
  import '../index-122432cd.js';
49
48
  import '../debounce-4419bc2f.js';
50
49
  import '../Checkbox/index.js';
51
50
  import '../checkboxRadioSwitcher-5b69d7bd.js';
52
51
  import '../guid-8ddf77b3.js';
53
- import '../index-34914e4c.js';
52
+ import '../index-263b0f0b.js';
54
53
  import '../Tag/index.js';
55
54
  import '../ValidatableTextInput/index.js';
56
- import '../CellMeasurerCache-a1dbe54e.js';
55
+ import '../CellMeasurerCache-f0690f3b.js';
57
56
  import '../hooks/useUpdate.js';
58
57
  import '../hooks/useMutationObserver.js';
59
- import '../index-b7c1fe38.js';
60
58
  import '../SkeletonLoader/index.js';
61
59
  import '../Copy/index.js';
62
60
  import '../hooks/useHover.js';
63
61
  import '../Popover/index.js';
64
62
  import '../Portal/index.js';
65
63
  import '../Menu/index.js';
64
+ import '../redux-b3e598ca.js';
66
65
 
67
66
  function WithTitle(_ref) {
68
67
  let {
@@ -82,7 +81,7 @@ WithTitle.propTypes = {
82
81
  children: PropTypes.node
83
82
  };
84
83
 
85
- var css_248z$2 = "[data-gene-ui-version=\"2.15.0\"] .paper-actions{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"2.15.0\"] .paper-actions>li{align-items:center;display:flex;padding:2rem}[data-gene-ui-version=\"2.15.0\"] .paper-actions .paper-left-actions{flex:auto}[data-gene-ui-version=\"2.15.0\"] .paper-actions .paper-left-actions>.dropdown-holder,[data-gene-ui-version=\"2.15.0\"] .paper-actions .paper-left-actions>.input-holder{max-width:25.5rem}html:not([dir=rtl]) .paper-actions .paper-left-actions>*+*{margin-left:2rem}html[dir=rtl] .paper-actions .paper-left-actions>*+*{margin-right:2rem}[data-gene-ui-version=\"2.15.0\"] .paper-actions .paper-right-actions{flex-shrink:0}html:not([dir=rtl]) .paper-actions .paper-right-actions>:not(.btn)+:not(.btn){margin-left:1.6rem}html[dir=rtl] .paper-actions .paper-right-actions>:not(.btn)+:not(.btn){margin-right:1.6rem}";
84
+ var css_248z$2 = "[data-gene-ui-version=\"2.16.0\"] .paper-actions{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"2.16.0\"] .paper-actions>li{align-items:center;display:flex;padding:2rem}[data-gene-ui-version=\"2.16.0\"] .paper-actions .paper-left-actions{flex:auto}[data-gene-ui-version=\"2.16.0\"] .paper-actions .paper-left-actions>.dropdown-holder,[data-gene-ui-version=\"2.16.0\"] .paper-actions .paper-left-actions>.input-holder{max-width:25.5rem}html:not([dir=rtl]) .paper-actions .paper-left-actions>*+*{margin-left:2rem}html[dir=rtl] .paper-actions .paper-left-actions>*+*{margin-right:2rem}[data-gene-ui-version=\"2.16.0\"] .paper-actions .paper-right-actions{flex-shrink:0}html:not([dir=rtl]) .paper-actions .paper-right-actions>:not(.btn)+:not(.btn){margin-left:1.6rem}html[dir=rtl] .paper-actions .paper-right-actions>:not(.btn)+:not(.btn){margin-right:1.6rem}";
86
85
  styleInject(css_248z$2);
87
86
 
88
87
  function WithHeader(_ref) {
@@ -176,7 +175,7 @@ PaperWrapper.defaultProps = {
176
175
  paperDirection: 'column'
177
176
  };
178
177
 
179
- var css_248z$1 = "[data-gene-ui-version=\"2.15.0\"] .pagination-drop{align-items:center;display:flex}html:not([dir=rtl]) .pagination-drop>*+*{margin-left:2rem}html[dir=rtl] .pagination-drop>*+*{margin-right:2rem}[data-gene-ui-version=\"2.15.0\"] .pagination-drop>p{font-weight:600}[data-gene-ui-version=\"2.15.0\"] .ta-pagination-holder{align-items:center;border-top:1px solid rgba(var(--background-sc-rgb),.1);display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;padding:1rem;width:100%}[data-gene-ui-version=\"2.15.0\"] .ta-pagination-holder>li{padding:1rem}[data-gene-ui-version=\"2.15.0\"] .ta-pagination-holder>li:first-child{flex:auto}[data-gene-ui-version=\"2.15.0\"] .ta-pagination-holder>li:last-child{flex-shrink:0}";
178
+ var css_248z$1 = "[data-gene-ui-version=\"2.16.0\"] .pagination-drop{align-items:center;display:flex}html:not([dir=rtl]) .pagination-drop>*+*{margin-left:2rem}html[dir=rtl] .pagination-drop>*+*{margin-right:2rem}[data-gene-ui-version=\"2.16.0\"] .pagination-drop>p{font-weight:600}[data-gene-ui-version=\"2.16.0\"] .ta-pagination-holder{align-items:center;border-top:1px solid rgba(var(--background-sc-rgb),.1);display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;padding:1rem;width:100%}[data-gene-ui-version=\"2.16.0\"] .ta-pagination-holder>li{padding:1rem}[data-gene-ui-version=\"2.16.0\"] .ta-pagination-holder>li:first-child{flex:auto}[data-gene-ui-version=\"2.16.0\"] .ta-pagination-holder>li:last-child{flex-shrink:0}";
180
179
  styleInject(css_248z$1);
181
180
 
182
181
  function PaginationSelector(_ref) {
@@ -248,7 +247,7 @@ PaginationSelector.defaultProps = {
248
247
  fabricateSelectorLabel: noop
249
248
  };
250
249
 
251
- var css_248z = "[data-gene-ui-version=\"2.15.0\"] .table-actions{align-items:center;display:flex;padding:1rem}[data-gene-ui-version=\"2.15.0\"] .table-actions>li{padding:1rem}[data-gene-ui-version=\"2.15.0\"] .table-actions .table-left-actions{flex:auto}[data-gene-ui-version=\"2.15.0\"] .table-actions .table-right-actions{flex-shrink:0}";
250
+ var css_248z = "[data-gene-ui-version=\"2.16.0\"] .table-actions{align-items:center;display:flex;padding:1rem}[data-gene-ui-version=\"2.16.0\"] .table-actions>li{padding:1rem}[data-gene-ui-version=\"2.16.0\"] .table-actions .table-left-actions{flex:auto}[data-gene-ui-version=\"2.16.0\"] .table-actions .table-right-actions{flex-shrink:0}";
252
251
  styleInject(css_248z);
253
252
 
254
253
  function TableHeader(_ref) {
package/Tabs/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
1
+ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
2
2
  import React__default, { useRef, useEffect, useState, useCallback, useMemo } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { c as classnames } from '../index-031ff73c.js';
@@ -96,7 +96,7 @@ Tab.defaultProps = {
96
96
  disabled: false
97
97
  };
98
98
 
99
- var css_248z = "[data-gene-ui-version=\"2.15.0\"] .tabs-holder{align-items:flex-start;display:flex;width:100%}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.reversed{flex-direction:row-reverse}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.horizontal{flex-direction:column}[data-gene-ui-version=\"2.15.0\"] .tabs-head{display:flex;flex-shrink:0;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.horizontal>.tabs-head{width:100%}[data-gene-ui-version=\"2.15.0\"] .tabs-head>.tabs-wrapper{flex:auto}[data-gene-ui-version=\"2.15.0\"] .tabs-head>.tabs-actions{align-items:center;box-shadow:inset 0 -1px 0 0 rgba(var(--background-sc-rgb),.06);color:var(--hero);display:flex;flex-shrink:0}[data-gene-ui-version=\"2.15.0\"] .tabs-head>.tabs-actions>*{margin-inline-end:2rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper{overflow-x:auto;width:100%}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper::-webkit-scrollbar{display:none;height:0;width:0}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs,[data-gene-ui-version=\"2.15.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{min-width:100%}[data-gene-ui-version=\"2.15.0\"] .tabs-content{display:inline-flex;font-weight:600;line-height:4.2rem;text-align:center;vertical-align:top}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content{flex-direction:column;text-align:start}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content .tab-icon{display:none}[data-gene-ui-version=\"2.15.0\"] .tabs-content>li{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:0 2rem;position:relative;transition:color .3s,box-shadow .3s,border-color .3s,background-color,.3s}[data-gene-ui-version=\"2.15.0\"] .tabs-content>li .tab-icon{flex-shrink:0;margin-inline-end:1.4rem;margin-inline-start:-.4rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content>li{justify-content:flex-start;padding:0 3rem 0 2rem}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 2rem 0 3rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.type-basic.tabs-content>li{justify-content:flex-end}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 2rem 0 3rem}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 3rem 0 2rem}[data-gene-ui-version=\"2.15.0\"] .tabs-content>li.disabled{opacity:.5}[data-gene-ui-version=\"2.15.0\"] .tabs-content>li.active,[data-gene-ui-version=\"2.15.0\"] .tabs-content>li.disabled{pointer-events:none}[data-gene-ui-version=\"2.15.0\"] .tabs-content>li .tab-close-button{align-items:center;background:rgba(var(--background-sc-rgb),.07);border-radius:100%;color:var(--background-sc);cursor:pointer;display:flex;height:1.6rem;justify-content:center;margin-inline-end:-1.6rem;margin-inline-start:.8rem;pointer-events:auto;transition:color .3s,background-color .3s;width:1.6rem}[data-gene-ui-version=\"2.15.0\"] .tabs-content>li .tab-close-button .icon{font-size:1.2rem}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .tabs-content>li .tab-close-button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.15.0\"] .tabs-content.active .tab-close-button{background:rgba(var(--hero-rgb),.1);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .tabs-content.active .tab-close-button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.15.0\"] .tabs-content.equal-tabs>li{flex:1;min-width:12rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs>li{width:13rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs.type-text>li{width:12rem}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-basic{box-shadow:inset 0 -1px 0 0 rgba(var(--background-sc-rgb),.06);line-height:4.6rem;padding:0 2rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset -1px 0 0 rgba(var(--background-sc-rgb),.06);padding:2rem 0;text-align:end}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset 1px 0 0 rgba(var(--background-sc-rgb),.06)}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset 1px 0 0 rgba(var(--background-sc-rgb),.06);text-align:start}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset -1px 0 0 rgba(var(--background-sc-rgb),.06)}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-basic>li{box-shadow:inset 0 0 0 var(--hero);flex:inherit}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-basic>li.active{box-shadow:inset 0 -.4rem 0 0 var(--hero)}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset -.3rem 0 0 var(--hero)}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active,html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset .3rem 0 0 var(--hero)}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset -.3rem 0 0 var(--hero)}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-box>li{border:1px solid #0000;border-radius:1rem 1rem 0 0;line-height:4.1rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:0 0 0 .2rem}html[dir=rtl] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:0 .2rem 0 0}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:1rem 0 0 1rem}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:0 1rem 1rem 0}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:.2rem 0 0}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:0 1rem 1rem 0}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:1rem 0 0 1rem}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-box>li:hover{border-color:rgba(var(--background-sc-rgb),.1)}}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-box>li.active{border-color:rgba(var(--background-sc-rgb),.1)}@media (hover:hover){html:not([dir=rtl]) .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-right-color:#0000}html:not([dir=rtl]) .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-left-color:#0000}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-right-color:#0000}}[data-gene-ui-version=\"2.15.0\"] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-bottom-color:var(--background)}html:not([dir=rtl]) .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-right-color:var(--background)}html:not([dir=rtl]) .tabs-holder.reversed.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-left-color:var(--background)}html[dir=rtl] .tabs-holder.reversed.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-right-color:var(--background)}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-button{box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-button:not(.equal-tabs)>li{padding:0 2rem}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-button>li{box-shadow:inset 0 0 0 0 var(--hero)}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-button>li.active{box-shadow:inset 0 0 0 1px var(--hero)}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-text.equal-tabs>li{min-width:10rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text.equal-tabs>li{min-width:12rem}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-text>li{line-height:2.8rem;padding:0 1.5rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text>li{padding:0 2rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text>li+*{margin:1rem 0 0}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-text>li.active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-box>li.active,[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-button>li.active{color:var(--hero)}[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-button,[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-button>li,[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-text,[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-text>li{border-radius:2rem}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-button>li:not(.active):hover,[data-gene-ui-version=\"2.15.0\"] .tabs-content.type-text>li:not(.active):hover{color:var(--hero)}}[data-gene-ui-version=\"2.15.0\"] .tabs-content-holder{width:100%}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-content-holder{flex:auto}[data-gene-ui-version=\"2.15.0\"] .tabs-content-holder.c-type-box{align-self:stretch;border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:0 0 1rem 1rem;margin:-1px 0 0}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical>.tabs-content-holder.c-type-box{border-radius:1rem}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical:not(.reversed)>.tabs-content-holder.c-type-box{border-radius:0 1rem 1rem 0;margin:0 0 0 -1px}[data-gene-ui-version=\"2.15.0\"] .tabs-holder.vertical.reversed>.tabs-content-holder.c-type-box,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-content-holder.c-type-box{border-radius:1rem 0 0 1rem;margin:0 -1px 0 0}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-content-holder.c-type-box{border-radius:0 1rem 1rem 0;margin:0 0 0 -1px}[data-gene-ui-version=\"2.15.0\"] .external-link{align-items:center;display:flex;font-weight:600}[data-gene-ui-version=\"2.15.0\"] .external-link>*+*{margin-inline-start:.2rem}";
99
+ var css_248z = "[data-gene-ui-version=\"2.16.0\"] .tabs-holder{align-items:flex-start;display:flex;width:100%}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.reversed{flex-direction:row-reverse}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.horizontal{flex-direction:column}[data-gene-ui-version=\"2.16.0\"] .tabs-head{display:flex;flex-shrink:0;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.horizontal>.tabs-head{width:100%}[data-gene-ui-version=\"2.16.0\"] .tabs-head>.tabs-wrapper{flex:auto}[data-gene-ui-version=\"2.16.0\"] .tabs-head>.tabs-actions{align-items:center;box-shadow:inset 0 -1px 0 0 rgba(var(--background-sc-rgb),.06);color:var(--hero);display:flex;flex-shrink:0}[data-gene-ui-version=\"2.16.0\"] .tabs-head>.tabs-actions>*{margin-inline-end:2rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper{overflow-x:auto;width:100%}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper::-webkit-scrollbar{display:none;height:0;width:0}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs,[data-gene-ui-version=\"2.16.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{min-width:100%}[data-gene-ui-version=\"2.16.0\"] .tabs-content{display:inline-flex;font-weight:600;line-height:4.2rem;text-align:center;vertical-align:top}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content{flex-direction:column;text-align:start}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content .tab-icon{display:none}[data-gene-ui-version=\"2.16.0\"] .tabs-content>li{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:0 2rem;position:relative;transition:color .3s,box-shadow .3s,border-color .3s,background-color,.3s}[data-gene-ui-version=\"2.16.0\"] .tabs-content>li .tab-icon{flex-shrink:0;margin-inline-end:1.4rem;margin-inline-start:-.4rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content>li{justify-content:flex-start;padding:0 3rem 0 2rem}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 2rem 0 3rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.type-basic.tabs-content>li{justify-content:flex-end}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 2rem 0 3rem}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content>li{padding:0 3rem 0 2rem}[data-gene-ui-version=\"2.16.0\"] .tabs-content>li.disabled{opacity:.5}[data-gene-ui-version=\"2.16.0\"] .tabs-content>li.active,[data-gene-ui-version=\"2.16.0\"] .tabs-content>li.disabled{pointer-events:none}[data-gene-ui-version=\"2.16.0\"] .tabs-content>li .tab-close-button{align-items:center;background:rgba(var(--background-sc-rgb),.07);border-radius:100%;color:var(--background-sc);cursor:pointer;display:flex;height:1.6rem;justify-content:center;margin-inline-end:-1.6rem;margin-inline-start:.8rem;pointer-events:auto;transition:color .3s,background-color .3s;width:1.6rem}[data-gene-ui-version=\"2.16.0\"] .tabs-content>li .tab-close-button .icon{font-size:1.2rem}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .tabs-content>li .tab-close-button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.16.0\"] .tabs-content.active .tab-close-button{background:rgba(var(--hero-rgb),.1);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .tabs-content.active .tab-close-button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.16.0\"] .tabs-content.equal-tabs>li{flex:1;min-width:12rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs>li{width:13rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs.type-text>li{width:12rem}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-basic{box-shadow:inset 0 -1px 0 0 rgba(var(--background-sc-rgb),.06);line-height:4.6rem;padding:0 2rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset -1px 0 0 rgba(var(--background-sc-rgb),.06);padding:2rem 0;text-align:end}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset 1px 0 0 rgba(var(--background-sc-rgb),.06)}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset 1px 0 0 rgba(var(--background-sc-rgb),.06);text-align:start}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{box-shadow:inset -1px 0 0 rgba(var(--background-sc-rgb),.06)}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-basic>li{box-shadow:inset 0 0 0 var(--hero);flex:inherit}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-basic>li.active{box-shadow:inset 0 -.4rem 0 0 var(--hero)}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset -.3rem 0 0 var(--hero)}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active,html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset .3rem 0 0 var(--hero)}html[dir=rtl] .tabs-holder.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-basic>li.active{box-shadow:inset -.3rem 0 0 var(--hero)}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-box>li{border:1px solid #0000;border-radius:1rem 1rem 0 0;line-height:4.1rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:0 0 0 .2rem}html[dir=rtl] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:0 .2rem 0 0}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:1rem 0 0 1rem}html[dir=rtl] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:0 1rem 1rem 0}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:.2rem 0 0}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:0 1rem 1rem 0}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li{border-radius:1rem 0 0 1rem}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-box>li:hover{border-color:rgba(var(--background-sc-rgb),.1)}}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-box>li.active{border-color:rgba(var(--background-sc-rgb),.1)}@media (hover:hover){html:not([dir=rtl]) .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-right-color:#0000}html:not([dir=rtl]) .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-left-color:#0000}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li:hover{border-right-color:#0000}}[data-gene-ui-version=\"2.16.0\"] .tabs-holder:not(.vertical)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-bottom-color:var(--background)}html:not([dir=rtl]) .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-right-color:var(--background)}html:not([dir=rtl]) .tabs-holder.reversed.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-left-color:var(--background)}html[dir=rtl] .tabs-holder.reversed.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li.active{border-right-color:var(--background)}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-button{box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-button:not(.equal-tabs)>li{padding:0 2rem}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-button>li{box-shadow:inset 0 0 0 0 var(--hero)}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-button>li.active{box-shadow:inset 0 0 0 1px var(--hero)}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-text.equal-tabs>li{min-width:10rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text.equal-tabs>li{min-width:12rem}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-text>li{line-height:2.8rem;padding:0 1.5rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text>li{padding:0 2rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text>li+*{margin:1rem 0 0}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-text>li.active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-box>li.active,[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-button>li.active{color:var(--hero)}[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-button,[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-button>li,[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-text,[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-text>li{border-radius:2rem}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-button>li:not(.active):hover,[data-gene-ui-version=\"2.16.0\"] .tabs-content.type-text>li:not(.active):hover{color:var(--hero)}}[data-gene-ui-version=\"2.16.0\"] .tabs-content-holder{width:100%}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-content-holder{flex:auto}[data-gene-ui-version=\"2.16.0\"] .tabs-content-holder.c-type-box{align-self:stretch;border:1px solid rgba(var(--background-sc-rgb),.1);border-radius:0 0 1rem 1rem;margin:-1px 0 0}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical>.tabs-content-holder.c-type-box{border-radius:1rem}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical:not(.reversed)>.tabs-content-holder.c-type-box{border-radius:0 1rem 1rem 0;margin:0 0 0 -1px}[data-gene-ui-version=\"2.16.0\"] .tabs-holder.vertical.reversed>.tabs-content-holder.c-type-box,html[dir=rtl] .tabs-holder.vertical:not(.reversed)>.tabs-content-holder.c-type-box{border-radius:1rem 0 0 1rem;margin:0 -1px 0 0}html[dir=rtl] .tabs-holder.vertical.reversed>.tabs-content-holder.c-type-box{border-radius:0 1rem 1rem 0;margin:0 0 0 -1px}[data-gene-ui-version=\"2.16.0\"] .external-link{align-items:center;display:flex;font-weight:600}[data-gene-ui-version=\"2.16.0\"] .external-link>*+*{margin-inline-start:.2rem}";
100
100
  styleInject(css_248z);
101
101
 
102
102
  function Tabs(props) {
package/Tag/index.js CHANGED
@@ -1,11 +1,11 @@
1
- import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
1
+ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
2
2
  import React__default from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { c as classnames } from '../index-031ff73c.js';
5
- import { e as tagConfig } from '../configs-0ed1e326.js';
5
+ import { d as tagConfig } from '../configs-34847b77.js';
6
6
  import { s as styleInject } from '../style-inject.es-746bb8ed.js';
7
7
 
8
- var css_248z = "[data-gene-ui-version=\"2.15.0\"] .static-title-holder{align-items:flex-start;display:inline-flex;flex-direction:column;max-width:100%;vertical-align:top}[data-gene-ui-version=\"2.15.0\"] .static-title-holder .st-t{font:600 1.4rem/1.8rem var(--font-family);margin:0 0 .4rem;opacity:.5;padding:0 var(--static-title-padding,0)}[data-gene-ui-version=\"2.15.0\"] .static-title-holder .st-c{max-width:100%}[data-gene-ui-version=\"2.15.0\"] .static-title-holder .st-c:nth-child(2){align-items:center;display:flex;min-height:3.2rem}[data-gene-ui-version=\"2.15.0\"] .static-title-holder.f-full-width,[data-gene-ui-version=\"2.15.0\"] .static-title-holder.f-full-width .st-c{width:100%}[data-gene-ui-version=\"2.15.0\"] .tag-c{--color:var(--hero);align-items:center;background:var(--background);color:var(--color);display:flex;flex-direction:row-reverse;flex-shrink:0;font:600 1.4rem/1.8rem var(--font-family);height:var(--size);justify-content:center;max-width:100%;padding:0 1rem;position:relative;text-align:center;transition:color .3s;-webkit-user-select:none;user-select:none;width:100%}[data-gene-ui-version=\"2.15.0\"] .tag-c.s-small{--size:2.4rem;font-size:1.2rem}html:not([dir=rtl]) .tag-c.s-small .icon{margin-left:1px}html[dir=rtl] .tag-c.s-small .icon{margin-right:1px}[data-gene-ui-version=\"2.15.0\"] .tag-c.s-medium{--size:2.6rem}html:not([dir=rtl]) .tag-c.s-medium .icon{margin-left:.5rem}html[dir=rtl] .tag-c.s-medium .icon{margin-right:.5rem}[data-gene-ui-version=\"2.15.0\"] .tag-c.s-big{--size:3rem}html:not([dir=rtl]) .tag-c.s-big .icon{margin-left:.5rem}html[dir=rtl] .tag-c.s-big .icon{margin-right:.5rem}[data-gene-ui-version=\"2.15.0\"] .tag-c.f-compact{min-width:var(--size)}[data-gene-ui-version=\"2.15.0\"] .tag-c.f-compact.s-small{padding:0 .4rem}[data-gene-ui-version=\"2.15.0\"] .tag-c.f-compact.s-medium{padding:0 .5rem}[data-gene-ui-version=\"2.15.0\"] .tag-c.f-compact.s-big{padding:0 .7rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-small .icon{margin-right:-.9rem}html[dir=rtl] .tag-c:not(.f-compact).s-small .icon{margin-left:-.9rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-medium .icon{margin-right:-.7rem}html[dir=rtl] .tag-c:not(.f-compact).s-medium .icon{margin-left:-.7rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-big .icon{margin-right:-.2rem}html[dir=rtl] .tag-c:not(.f-compact).s-big .icon{margin-left:-.2rem}[data-gene-ui-version=\"2.15.0\"] .tag-c.cr-full-radius{border-radius:1.4rem}[data-gene-ui-version=\"2.15.0\"] .tag-c.cr-smooth-radius{border-radius:.6rem}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-simple{--color:var(--background-sc)}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-simple .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-simple .tag-backdrop:after{content:none}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-minimal .tag-backdrop{--color:var(--background-sc)}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-minimal .tag-backdrop:before{opacity:.03}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-minimal .tag-backdrop:after{opacity:.07}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-outline .tag-backdrop:before{content:none}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-colored .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-clean{--color:var(--background-sc)}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-clean:hover{--color:var(--hero)}}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-clean .tag-backdrop:after,[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-clean .tag-backdrop:before{content:none}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-light .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.15.0\"] .tag-c:not(.active).a-light .tag-backdrop:after{border:0}[data-gene-ui-version=\"2.15.0\"] .tag-c.active{color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .tag-c:hover .tag-backdrop{opacity:.6}}[data-gene-ui-version=\"2.15.0\"] .tag-c .icon,[data-gene-ui-version=\"2.15.0\"] .tag-c .tag-cc{position:relative;transition:opacity .3s;z-index:1}[data-gene-ui-version=\"2.15.0\"] .tag-c .icon{cursor:pointer;opacity:.5}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .tag-c .icon:hover{opacity:1}[data-gene-ui-version=\"2.15.0\"] .tag-c .icon:hover~.tag-cp{opacity:.6}}[data-gene-ui-version=\"2.15.0\"] .tag-backdrop{border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:opacity .3s;width:100%}[data-gene-ui-version=\"2.15.0\"] .tag-backdrop:after,[data-gene-ui-version=\"2.15.0\"] .tag-backdrop:before{border-radius:inherit;content:\"\";display:block;height:100%;left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.15.0\"] .tag-backdrop:before{background:var(--color);transition:background .3s,opacity .3s}[data-gene-ui-version=\"2.15.0\"] .tag-backdrop:after{border:1px solid var(--color);transition:border-color .3s,opacity .3s}";
8
+ var css_248z = "[data-gene-ui-version=\"2.16.0\"] .static-title-holder{align-items:flex-start;display:inline-flex;flex-direction:column;max-width:100%;vertical-align:top}[data-gene-ui-version=\"2.16.0\"] .static-title-holder .st-t{font:600 1.4rem/1.8rem var(--font-family);margin:0 0 .4rem;opacity:.5;padding:0 var(--static-title-padding,0)}[data-gene-ui-version=\"2.16.0\"] .static-title-holder .st-c{max-width:100%}[data-gene-ui-version=\"2.16.0\"] .static-title-holder .st-c:nth-child(2){align-items:center;display:flex;min-height:3.2rem}[data-gene-ui-version=\"2.16.0\"] .static-title-holder.f-full-width,[data-gene-ui-version=\"2.16.0\"] .static-title-holder.f-full-width .st-c{width:100%}[data-gene-ui-version=\"2.16.0\"] .tag-c{--color:var(--hero);align-items:center;background:var(--background);color:var(--color);display:flex;flex-direction:row-reverse;flex-shrink:0;font:600 1.4rem/1.8rem var(--font-family);height:var(--size);justify-content:center;max-width:100%;padding:0 1rem;position:relative;text-align:center;transition:color .3s;-webkit-user-select:none;user-select:none;width:100%}[data-gene-ui-version=\"2.16.0\"] .tag-c.s-small{--size:2.4rem;font-size:1.2rem}html:not([dir=rtl]) .tag-c.s-small .icon{margin-left:1px}html[dir=rtl] .tag-c.s-small .icon{margin-right:1px}[data-gene-ui-version=\"2.16.0\"] .tag-c.s-medium{--size:2.6rem}html:not([dir=rtl]) .tag-c.s-medium .icon{margin-left:.5rem}html[dir=rtl] .tag-c.s-medium .icon{margin-right:.5rem}[data-gene-ui-version=\"2.16.0\"] .tag-c.s-big{--size:3rem}html:not([dir=rtl]) .tag-c.s-big .icon{margin-left:.5rem}html[dir=rtl] .tag-c.s-big .icon{margin-right:.5rem}[data-gene-ui-version=\"2.16.0\"] .tag-c.f-compact{min-width:var(--size)}[data-gene-ui-version=\"2.16.0\"] .tag-c.f-compact.s-small{padding:0 .4rem}[data-gene-ui-version=\"2.16.0\"] .tag-c.f-compact.s-medium{padding:0 .5rem}[data-gene-ui-version=\"2.16.0\"] .tag-c.f-compact.s-big{padding:0 .7rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-small .icon{margin-right:-.9rem}html[dir=rtl] .tag-c:not(.f-compact).s-small .icon{margin-left:-.9rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-medium .icon{margin-right:-.7rem}html[dir=rtl] .tag-c:not(.f-compact).s-medium .icon{margin-left:-.7rem}html:not([dir=rtl]) .tag-c:not(.f-compact).s-big .icon{margin-right:-.2rem}html[dir=rtl] .tag-c:not(.f-compact).s-big .icon{margin-left:-.2rem}[data-gene-ui-version=\"2.16.0\"] .tag-c.cr-full-radius{border-radius:1.4rem}[data-gene-ui-version=\"2.16.0\"] .tag-c.cr-smooth-radius{border-radius:.6rem}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-simple{--color:var(--background-sc)}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-simple .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-simple .tag-backdrop:after{content:none}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-minimal .tag-backdrop{--color:var(--background-sc)}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-minimal .tag-backdrop:before{opacity:.03}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-minimal .tag-backdrop:after{opacity:.07}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-outline .tag-backdrop:before{content:none}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-colored .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-clean{--color:var(--background-sc)}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-clean:hover{--color:var(--hero)}}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-clean .tag-backdrop:after,[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-clean .tag-backdrop:before{content:none}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-light .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.16.0\"] .tag-c:not(.active).a-light .tag-backdrop:after{border:0}[data-gene-ui-version=\"2.16.0\"] .tag-c.active{color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .tag-c:hover .tag-backdrop{opacity:.6}}[data-gene-ui-version=\"2.16.0\"] .tag-c .icon,[data-gene-ui-version=\"2.16.0\"] .tag-c .tag-cc{position:relative;transition:opacity .3s;z-index:1}[data-gene-ui-version=\"2.16.0\"] .tag-c .icon{cursor:pointer;opacity:.5}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .tag-c .icon:hover{opacity:1}[data-gene-ui-version=\"2.16.0\"] .tag-c .icon:hover~.tag-cp{opacity:.6}}[data-gene-ui-version=\"2.16.0\"] .tag-backdrop{border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:opacity .3s;width:100%}[data-gene-ui-version=\"2.16.0\"] .tag-backdrop:after,[data-gene-ui-version=\"2.16.0\"] .tag-backdrop:before{border-radius:inherit;content:\"\";display:block;height:100%;left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.16.0\"] .tag-backdrop:before{background:var(--color);transition:background .3s,opacity .3s}[data-gene-ui-version=\"2.16.0\"] .tag-backdrop:after{border:1px solid var(--color);transition:border-color .3s,opacity .3s}";
9
9
  styleInject(css_248z);
10
10
 
11
11
  function Tag(_ref) {
package/Textarea/index.js CHANGED
@@ -1,8 +1,8 @@
1
- import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
1
+ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
2
2
  import React__default from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { n as noop } from '../index-a0e4e333.js';
5
- import { i as inputConfig, s as screenTypes } from '../configs-0ed1e326.js';
5
+ import { i as inputConfig, s as screenTypes } from '../configs-34847b77.js';
6
6
  import ExtendedInput from '../ExtendedInput/index.js';
7
7
  import { s as styleInject } from '../style-inject.es-746bb8ed.js';
8
8
  import '../dateValidation-67caec66.js';
@@ -20,8 +20,8 @@ import '../hooks/useClickOutside.js';
20
20
  import '../config-1053d64d.js';
21
21
  import '../Scrollbar/index.js';
22
22
  import '../callAfterDelay-7272faca.js';
23
- import '../Tooltip/index.js';
24
- import '../Popover-f4d1cac0.js';
23
+ import '../index-006d8b06.js';
24
+ import '../tslib.es6-f211516f.js';
25
25
  import '../GeneUIProvider/index.js';
26
26
 
27
27
  var css_248z = "";
package/Time/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
1
+ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
2
2
  import React__default, { useMemo, useState, useEffect } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { a as dayjs, d as dayjsWithPlugins } from '../dateValidation-67caec66.js';
@@ -9,7 +9,7 @@ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
9
9
  import '../_commonjsHelpers-24198af3.js';
10
10
  import '../index-031ff73c.js';
11
11
 
12
- var css_248z = "[data-gene-ui-version=\"2.15.0\"] .time-holder{align-items:center;display:flex;font-weight:600;line-height:3.2rem;white-space:nowrap}[data-gene-ui-version=\"2.15.0\"] .time-holder>*+*{margin:0 0 0 .3rem}html[dir=rtl] .time-holder>*+*{margin:0 .3rem 0 0}";
12
+ var css_248z = "[data-gene-ui-version=\"2.16.0\"] .time-holder{align-items:center;display:flex;font-weight:600;line-height:3.2rem;white-space:nowrap}[data-gene-ui-version=\"2.16.0\"] .time-holder>*+*{margin:0 0 0 .3rem}html[dir=rtl] .time-holder>*+*{margin:0 .3rem 0 0}";
13
13
  styleInject(css_248z);
14
14
 
15
15
  function Time(_ref) {
@@ -1,8 +1,8 @@
1
- import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
2
- import React__default, { useRef, useState, useEffect, useMemo, useCallback } from 'react';
1
+ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
2
+ import React__default, { forwardRef, useRef, useState, useImperativeHandle, useEffect, useMemo, useCallback } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { c as classnames } from '../index-031ff73c.js';
5
- import { g as timePickerConfig, s as screenTypes } from '../configs-0ed1e326.js';
5
+ import { f as timePickerConfig, s as screenTypes } from '../configs-34847b77.js';
6
6
  import { n as noop } from '../index-a0e4e333.js';
7
7
  import useDeviceType from '../hooks/useDeviceType.js';
8
8
  import CustomScrollbar from '../Scrollbar/index.js';
@@ -13,7 +13,7 @@ import '../dateValidation-67caec66.js';
13
13
  import 'react-dom';
14
14
  import useKeyDown from '../hooks/useKeyDown.js';
15
15
  import useClickOutside from '../hooks/useClickOutside.js';
16
- import { P as PopoverV2 } from '../index-b4ec7815.js';
16
+ import { P as PopoverV2 } from '../index-ac5c45f7.js';
17
17
  import { s as styleInject } from '../style-inject.es-746bb8ed.js';
18
18
  import '../hooks/useWindowSize.js';
19
19
  import '../hooks/useDebounce.js';
@@ -22,14 +22,14 @@ import '../useEllipsisDetection-4d997d5d.js';
22
22
  import '../SuggestionList/index.js';
23
23
  import '../config-1053d64d.js';
24
24
  import '../callAfterDelay-7272faca.js';
25
- import '../Tooltip/index.js';
26
- import '../Popover-f4d1cac0.js';
25
+ import '../index-006d8b06.js';
26
+ import '../tslib.es6-f211516f.js';
27
27
  import '../GeneUIProvider/index.js';
28
28
  import '../hooks/useMount.js';
29
29
  import '../index-122432cd.js';
30
30
  import '../debounce-4419bc2f.js';
31
31
 
32
- function TimePickerPopover(_ref) {
32
+ const TimePickerPopover = /*#__PURE__*/forwardRef((_ref, ref) => {
33
33
  let {
34
34
  children,
35
35
  readOnly,
@@ -39,16 +39,19 @@ function TimePickerPopover(_ref) {
39
39
  } = _ref;
40
40
  const rootRef = useRef(null);
41
41
  const [isOpen, setIsOpen] = useState(false);
42
- const openPopover = () => !readOnly && setIsOpen(true);
42
+ useImperativeHandle(ref, () => ({
43
+ toggleOpen() {
44
+ let isPopoverOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : isOpen;
45
+ setIsOpen(!isPopoverOpen);
46
+ }
47
+ }));
48
+ const openPopover = () => !readOnly && !isOpen && setIsOpen(true);
43
49
  const closePopover = () => setIsOpen(false);
44
50
  useKeyDown(openPopover, [openPopover], rootRef, ['Enter']);
45
51
  useKeyDown(closePopover, [closePopover], rootRef, ['Tab', 'Escape']);
46
52
  const handleOutsideClick = useClickOutside(event => {
47
53
  !rootRef.current.contains(event.target) && closePopover();
48
54
  });
49
-
50
- // We need to close popup every time when
51
- // user select some value from current popup
52
55
  useEffect(() => {
53
56
  setIsOpen(false);
54
57
  }, [value]);
@@ -63,9 +66,9 @@ function TimePickerPopover(_ref) {
63
66
  ref: rootRef,
64
67
  onClick: openPopover
65
68
  }, children));
66
- }
69
+ });
67
70
 
68
- var css_248z = "[data-gene-ui-version=\"2.15.0\"] .time-picker-holder{width:100%}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder.read-only .cursor-pointer{cursor:default}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder.mobile{caret-color:#0000;color:#0000;text-shadow:0 0 0 rgba(var(--background-sc-rgb),.75)}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder.disabled{opacity:.6;pointer-events:none}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder>ul{align-items:center;display:flex;width:100%}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder>ul>li.no-shrink{align-items:center;display:flex;flex-shrink:0;justify-content:center}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder>ul>li.no-shrink>span{display:block;font-weight:600;margin:0 .5rem}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder>ul>li.shrink-auto{flex:auto}[data-gene-ui-version=\"2.15.0\"] .time-picker-holder>ul>li.icon-holder{margin-inline-end:.5rem;width:4rem}[data-gene-ui-version=\"2.15.0\"] .time-picker-drop-holder{display:flex;width:100%}[data-gene-ui-version=\"2.15.0\"] .time-picker-drop-holder>li{width:100%}[data-gene-ui-version=\"2.15.0\"] .time-picker-drop-holder>li+li{border-inline-start:1px solid rgba(var(--background-sc-rgb),.08)}[data-gene-ui-version=\"2.15.0\"] .time-picker-drop{font:600 1.4rem/1.8rem var(--font-family);padding:1rem 0;width:100%}[data-gene-ui-version=\"2.15.0\"] .time-picker-drop ul{width:100%}[data-gene-ui-version=\"2.15.0\"] .time-picker-drop ul li{align-items:center;cursor:pointer;display:flex;height:4rem;justify-content:center;text-align:center;transition:background .4s,color .4s;width:100%}@media (hover:hover){[data-gene-ui-version=\"2.15.0\"] .time-picker-drop ul li:hover{background:rgba(var(--background-sc-rgb),.05)}}[data-gene-ui-version=\"2.15.0\"] .time-picker-drop ul li.active{color:var(--hero)}";
71
+ var css_248z = "[data-gene-ui-version=\"2.16.0\"] .time-picker-holder{width:100%}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder.read-only .cursor-pointer{cursor:default}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder.mobile{caret-color:#0000;color:#0000;text-shadow:0 0 0 rgba(var(--background-sc-rgb),.75)}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder.disabled{opacity:.6;pointer-events:none}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder>ul{align-items:center;display:flex;width:100%}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder>ul>li.no-shrink{align-items:center;display:flex;flex-shrink:0;justify-content:center}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder>ul>li.no-shrink>span{display:block;font-weight:600;margin:0 .5rem}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder>ul>li.shrink-auto{flex:auto}[data-gene-ui-version=\"2.16.0\"] .time-picker-holder>ul>li.icon-holder{margin-inline-end:.5rem;width:4rem}[data-gene-ui-version=\"2.16.0\"] .time-picker-drop-holder{display:flex;width:100%}[data-gene-ui-version=\"2.16.0\"] .time-picker-drop-holder>li{width:100%}[data-gene-ui-version=\"2.16.0\"] .time-picker-drop-holder>li+li{border-inline-start:1px solid rgba(var(--background-sc-rgb),.08)}[data-gene-ui-version=\"2.16.0\"] .time-picker-drop{font:600 1.4rem/1.8rem var(--font-family);padding:1rem 0;width:100%}[data-gene-ui-version=\"2.16.0\"] .time-picker-drop ul{width:100%}[data-gene-ui-version=\"2.16.0\"] .time-picker-drop ul li{align-items:center;cursor:pointer;display:flex;height:4rem;justify-content:center;text-align:center;transition:background .4s,color .4s;width:100%}@media (hover:hover){[data-gene-ui-version=\"2.16.0\"] .time-picker-drop ul li:hover{background:rgba(var(--background-sc-rgb),.05)}}[data-gene-ui-version=\"2.16.0\"] .time-picker-drop ul li.active{color:var(--hero)}";
69
72
  styleInject(css_248z);
70
73
 
71
74
  function generateTimeValues(format, max) {
@@ -133,6 +136,7 @@ function TimePicker(_ref) {
133
136
  const [hourPopupValue, setHourPopupValue] = useState(null);
134
137
  const [minutePopupValue, setMinutePopupValue] = useState(null);
135
138
  const [secondPopupValue, setSecondPopupValue] = useState(null);
139
+ const childRef = useRef();
136
140
 
137
141
  // for replacing special symbols
138
142
  const numberRegExp = useMemo(() => {
@@ -259,7 +263,7 @@ function TimePicker(_ref) {
259
263
  setInputValue(time);
260
264
  handleChange(e, time);
261
265
  }, [hour, minute, second, separator, showSeconds, handleChange, combinedValue]);
262
- const handleInputChange = useCallback(e => {
266
+ const handleInputChange = e => {
263
267
  const {
264
268
  value
265
269
  } = e.target;
@@ -269,8 +273,6 @@ function TimePicker(_ref) {
269
273
  const timeParts = replacedValue.split(separator);
270
274
  const lastChar = replacedValue[replacedValue.length - 1];
271
275
  const secondLastChar = replacedValue[replacedValue.length - 2];
272
-
273
- // Checking if last and second last chars are same and equal to separator then return
274
276
  if (lastChar === separator && lastChar === secondLastChar) return;
275
277
  if (value === '') {
276
278
  setHour('');
@@ -310,9 +312,6 @@ function TimePicker(_ref) {
310
312
  outOfRange = true;
311
313
  }
312
314
  }
313
-
314
- // Make field valid when after typing field pass validation
315
- // but we must set error only when user click outside or onBlur event fires
316
315
  !checkTimeValidation(timeParts[0], false) && setHourFieldError(false);
317
316
  !checkMinuteValidation(timeParts[1], false) && setMinuteFieldError(false);
318
317
  (!showSeconds || !checkSecondValidation(timeParts[2], false)) && setSecondFieldError(false);
@@ -320,31 +319,46 @@ function TimePicker(_ref) {
320
319
  setInputValue(replacedValue);
321
320
  onChange(e);
322
321
  }
323
- }, [numberRegExp, separator, showSeconds, checkTimeValidation, checkMinuteValidation, checkSecondValidation, handleChange, hourFormat, onChange]);
322
+ };
324
323
  useEffect(() => {
325
- // if hour format changes, convert value to that format
326
- const formattedHour = convertToFormat(hour, hourFormat);
327
- setHour(formattedHour);
328
- setInputValue(combinedValue(formattedHour, minute, second, false));
329
- }, [combinedValue, hour, hourFormat, minute, second]);
324
+ if ((disabled || readOnly) && childRef.current) {
325
+ childRef.current.toggleOpen(true);
326
+ }
327
+ }, [disabled, readOnly]);
330
328
  useEffect(() => {
331
- // if minute format changes, convert value to that format
332
- const formattedMinute = convertToFormat(minute, minuteFormat);
333
- setMinute(formattedMinute);
334
- setInputValue(combinedValue(hour, formattedMinute, second, false));
335
- }, [combinedValue, hour, minute, minuteFormat, second]);
329
+ if (hour) {
330
+ const formattedHour = convertToFormat(hour, hourFormat);
331
+ setHour(formattedHour);
332
+ setInputValue(combinedValue(formattedHour, minute, second, false));
333
+ }
334
+ }, [hourFormat]);
335
+ useEffect(() => {
336
+ if (minute) {
337
+ const formattedMinute = convertToFormat(minute, minuteFormat);
338
+ setMinute(formattedMinute);
339
+ setInputValue(combinedValue(hour, formattedMinute, second, false));
340
+ }
341
+ }, [minuteFormat]);
342
+ useEffect(() => {
343
+ if (second) {
344
+ const formattedSecond = convertToFormat(second, secondFormat);
345
+ setSecond(formattedSecond);
346
+ setInputValue(combinedValue(hour, minute, formattedSecond, false));
347
+ }
348
+ }, [secondFormat]);
336
349
  useEffect(() => {
337
- // if second format changes, convert value to that format
338
- const formattedSecond = convertToFormat(second, secondFormat);
339
- setSecond(formattedSecond);
340
- setInputValue(combinedValue(hour, minute, formattedSecond, false));
341
- }, [combinedValue, hour, minute, second, secondFormat]);
350
+ if (!inputValue) return;
351
+ const [splitHour, splitMinute, splitSecond] = inputValue.split(separator);
352
+ !showSeconds && setSecond('');
353
+ showSeconds && (inputValue || hour) && !second && setSecond(convertToFormat(second, secondFormat));
354
+ setInputValue(combinedValue(splitHour, splitMinute, splitSecond));
355
+ }, [showSeconds]);
342
356
  useEffect(() => {
343
357
  if (value) {
344
- const timeParts = value.split(separator);
345
- timeParts[0] && setHour(timeParts[0]);
346
- timeParts[1] && setMinute(timeParts[1]);
347
- showSeconds && timeParts[2] && setSecond(timeParts[2]);
358
+ const [splitHour, splitMinute, splitSecond] = value.split(separator);
359
+ splitHour && setHour(splitHour);
360
+ splitMinute && setMinute(splitMinute);
361
+ showSeconds && splitSecond && setSecond(splitSecond);
348
362
  setInputValue(value);
349
363
  }
350
364
  }, [value, separator, showSeconds]);
@@ -389,6 +403,7 @@ function TimePicker(_ref) {
389
403
  onBlur("".concat(hour).concat(hour && minute && ':').concat(minute).concat(minute && second && ':').concat(second), event);
390
404
  }, [hour, minute, second, onBlur, hourFormat, minuteFormat, showSeconds, secondFormat]);
391
405
  const signleInputPopoverValue = useMemo(() => showSeconds ? convertToFormat(second, secondFormat, true) : convertToFormat(minute, minuteFormat, true), [second, secondFormat, minute, minuteFormat, showSeconds]);
406
+ const handleIconClick = () => childRef.current && !readOnly && !disabled && childRef.current.toggleOpen();
392
407
  return /*#__PURE__*/React__default.createElement("div", {
393
408
  className: classnames('time-picker-holder', className, {
394
409
  'read-only': readOnly,
@@ -464,6 +479,7 @@ function TimePicker(_ref) {
464
479
  toggleHandler: handlePopoverToggle,
465
480
  readOnly: readOnly,
466
481
  value: signleInputPopoverValue,
482
+ ref: childRef,
467
483
  Content: /*#__PURE__*/React__default.createElement("ul", {
468
484
  className: "time-picker-drop-holder"
469
485
  }, /*#__PURE__*/React__default.createElement("li", null, hours), /*#__PURE__*/React__default.createElement("li", null, minutes), showSeconds && /*#__PURE__*/React__default.createElement("li", null, seconds)),
@@ -477,6 +493,8 @@ function TimePicker(_ref) {
477
493
  itemsDirection: "end",
478
494
  readOnly: readOnly,
479
495
  writeProtected: isMobile,
496
+ onIconClick: handleIconClick,
497
+ clickableIcon: true,
480
498
  onBlur: handleInputBlur
481
499
  }, restProps))));
482
500
  }
package/Timeline/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
1
+ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
2
2
  import React__default from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { c as classnames } from '../index-031ff73c.js';
@@ -9,7 +9,7 @@ import '../dateValidation-67caec66.js';
9
9
  import '../_commonjsHelpers-24198af3.js';
10
10
  import 'react-dom';
11
11
 
12
- var css_248z$1 = "[data-gene-ui-version=\"2.15.0\"] .timeline-item{display:flex;font-weight:600;line-height:1.36}[data-gene-ui-version=\"2.15.0\"] .timeline-item.c-success{--hero:var(--confirm);--hero-hover:var(--confirm-hover);--hero-sc:var(--confirm-sc);--hero-rgb:var(--confirm-rgb);--hero-sc-rgb:var(--confirm-sc-rgb)}[data-gene-ui-version=\"2.15.0\"] .timeline-item.c-danger{--hero:var(--danger);--hero-hover:var(--danger-hover);--hero-sc:var(--danger-sc);--hero-rgb:var(--danger-rgb);--hero-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"2.15.0\"] .timeline-item:not(:last-child).with-line .t-line:before{background:rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.15.0\"] .timeline-item:not(:last-child) .t-texts{padding:0 0 2rem}[data-gene-ui-version=\"2.15.0\"] .timeline-item>li{display:flex}[data-gene-ui-version=\"2.15.0\"] .timeline-item.a-default .t-texts>*+*{margin:0 0 0 1rem}html[dir=rtl] .timeline-item.a-default .t-texts>*+*{margin:0 1rem 0 0}[data-gene-ui-version=\"2.15.0\"] .timeline-item.a-compact .t-texts{flex-direction:column}[data-gene-ui-version=\"2.15.0\"] .timeline-item.a-compact .t-texts>*+*{margin:.5rem 0 0}[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-line{flex-shrink:0;position:relative}[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-line:before{content:\"\";display:block;height:100%;margin:0 .5rem;width:1px}[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-texts{flex:auto;margin:0 0 0 1.5rem}html[dir=rtl] .timeline-item .t-texts{margin:0 1.5rem 0 0}[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-description{color:rgba(var(--background-sc-rgb),.6);font:600 1.2rem/1.8rem var(--font-family)}[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-description,[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-title{max-width:100%}[data-gene-ui-version=\"2.15.0\"] .timeline-item .icon{background:var(--background);border-radius:100%;color:var(--hero);left:50%;position:absolute;top:0;transform:translate3d(-50%,-.3rem,0)}[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-icon{background:var(--background);border:.2rem solid var(--hero);border-radius:100%;box-shadow:0 0 0 .4rem var(--background);font-size:1.5rem;height:1.1rem;left:0;position:absolute;top:.4rem;width:1.1rem}[data-gene-ui-version=\"2.15.0\"] .timeline-item .t-icon.bc-icon-loader{top:.2rem}";
12
+ var css_248z$1 = "[data-gene-ui-version=\"2.16.0\"] .timeline-item{display:flex;font-weight:600;line-height:1.36}[data-gene-ui-version=\"2.16.0\"] .timeline-item.c-success{--hero:var(--confirm);--hero-hover:var(--confirm-hover);--hero-sc:var(--confirm-sc);--hero-rgb:var(--confirm-rgb);--hero-sc-rgb:var(--confirm-sc-rgb)}[data-gene-ui-version=\"2.16.0\"] .timeline-item.c-danger{--hero:var(--danger);--hero-hover:var(--danger-hover);--hero-sc:var(--danger-sc);--hero-rgb:var(--danger-rgb);--hero-sc-rgb:var(--danger-sc-rgb)}[data-gene-ui-version=\"2.16.0\"] .timeline-item:not(:last-child).with-line .t-line:before{background:rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.16.0\"] .timeline-item:not(:last-child) .t-texts{padding:0 0 2rem}[data-gene-ui-version=\"2.16.0\"] .timeline-item>li{display:flex}[data-gene-ui-version=\"2.16.0\"] .timeline-item.a-default .t-texts>*+*{margin:0 0 0 1rem}html[dir=rtl] .timeline-item.a-default .t-texts>*+*{margin:0 1rem 0 0}[data-gene-ui-version=\"2.16.0\"] .timeline-item.a-compact .t-texts{flex-direction:column}[data-gene-ui-version=\"2.16.0\"] .timeline-item.a-compact .t-texts>*+*{margin:.5rem 0 0}[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-line{flex-shrink:0;position:relative}[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-line:before{content:\"\";display:block;height:100%;margin:0 .5rem;width:1px}[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-texts{flex:auto;margin:0 0 0 1.5rem}html[dir=rtl] .timeline-item .t-texts{margin:0 1.5rem 0 0}[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-description{color:rgba(var(--background-sc-rgb),.6);font:600 1.2rem/1.8rem var(--font-family)}[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-description,[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-title{max-width:100%}[data-gene-ui-version=\"2.16.0\"] .timeline-item .icon{background:var(--background);border-radius:100%;color:var(--hero);left:50%;position:absolute;top:0;transform:translate3d(-50%,-.3rem,0)}[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-icon{background:var(--background);border:.2rem solid var(--hero);border-radius:100%;box-shadow:0 0 0 .4rem var(--background);font-size:1.5rem;height:1.1rem;left:0;position:absolute;top:.4rem;width:1.1rem}[data-gene-ui-version=\"2.16.0\"] .timeline-item .t-icon.bc-icon-loader{top:.2rem}";
13
13
  styleInject(css_248z$1);
14
14
 
15
15
  const timelineColors = ['hero', 'success', 'danger'];
@@ -86,7 +86,7 @@ TimelineItem.defaultProps = {
86
86
  appearance: timelineAppearances[0]
87
87
  };
88
88
 
89
- var css_248z = "[data-gene-ui-version=\"2.15.0\"] .timeline-holder{display:flex;flex-direction:column}";
89
+ var css_248z = "[data-gene-ui-version=\"2.16.0\"] .timeline-holder{display:flex;flex-direction:column}";
90
90
  styleInject(css_248z);
91
91
 
92
92
  function Timeline(props) {
package/Title/index.js CHANGED
@@ -1,12 +1,12 @@
1
- import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
1
+ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
2
2
  import React__default from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { c as classnames } from '../index-031ff73c.js';
5
- import { t as titleConfig } from '../configs-0ed1e326.js';
5
+ import { t as titleConfig } from '../configs-34847b77.js';
6
6
  import Icon from '../Icon/index.js';
7
7
  import { s as styleInject } from '../style-inject.es-746bb8ed.js';
8
8
 
9
- var css_248z = "[data-gene-ui-version=\"2.15.0\"] .title-holder{align-items:center;display:flex;font:600 1.4rem/1.8rem var(--font-family);min-height:3.2rem;width:100%}[data-gene-ui-version=\"2.15.0\"] .title-holder.c-hero .title-text{color:var(--hero)}[data-gene-ui-version=\"2.15.0\"] .title-holder>li{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"2.15.0\"] .title-holder>li.line{flex:auto}[data-gene-ui-version=\"2.15.0\"] .title-holder>li.line i{background:rgba(var(--background-sc-rgb),.1);display:block;height:1px;width:100%}[data-gene-ui-version=\"2.15.0\"] .title-holder>li~li{margin:0 0 0 1rem}html[dir=rtl] .title-holder>li~li{margin:0 1rem 0 0}[data-gene-ui-version=\"2.15.0\"] .title-holder .divider{margin:0 1rem}";
9
+ var css_248z = "[data-gene-ui-version=\"2.16.0\"] .title-holder{align-items:center;display:flex;font:600 1.4rem/1.8rem var(--font-family);min-height:3.2rem;width:100%}[data-gene-ui-version=\"2.16.0\"] .title-holder.c-hero .title-text{color:var(--hero)}[data-gene-ui-version=\"2.16.0\"] .title-holder>li{align-items:center;display:flex;flex-shrink:0}[data-gene-ui-version=\"2.16.0\"] .title-holder>li.line{flex:auto}[data-gene-ui-version=\"2.16.0\"] .title-holder>li.line i{background:rgba(var(--background-sc-rgb),.1);display:block;height:1px;width:100%}[data-gene-ui-version=\"2.16.0\"] .title-holder>li~li{margin:0 0 0 1rem}html[dir=rtl] .title-holder>li~li{margin:0 1rem 0 0}[data-gene-ui-version=\"2.16.0\"] .title-holder .divider{margin:0 1rem}";
10
10
  styleInject(css_248z);
11
11
 
12
12
  function Title(_ref) {
package/Toaster/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _extends } from '../_rollupPluginBabelHelpers-a83240e1.js';
1
+ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
2
2
  import React__default, { useState, useCallback, useEffect } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import { c as classnames } from '../index-031ff73c.js';
@@ -12,12 +12,12 @@ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
12
12
  import '../_commonjsHelpers-24198af3.js';
13
13
  import '../GeneUIProvider/index.js';
14
14
  import '../hooks/useDeviceType.js';
15
- import '../configs-0ed1e326.js';
15
+ import '../configs-34847b77.js';
16
16
  import '../hooks/useWindowSize.js';
17
17
  import '../hooks/useDebounce.js';
18
18
  import '../Icon/index.js';
19
19
 
20
- var css_248z = "[data-gene-ui-version=\"2.15.0\"] .toaster-holder{max-width:38rem;padding:1.5rem;position:fixed;width:100%;z-index:500}[data-gene-ui-version=\"2.15.0\"] .toaster-holder>*+*{margin:2rem 0 0}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.left-top{left:0;top:var(--header-height,0)}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.left-bottom{bottom:0;left:0}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.right-top{right:0;top:var(--header-height,0)}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.right-bottom{bottom:0;right:0}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.bottom,[data-gene-ui-version=\"2.15.0\"] .toaster-holder.top{left:50%;transform:translate3d(-50%,0,0)}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.top{top:var(--header-height,0)}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.center{left:50%;top:50%;transform:translate3d(-50%,-50%,0)}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.bottom{bottom:0}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.mobile-view{transform:none;width:100%}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.mobile-view:not(.top,.bottom){padding:0}[data-gene-ui-version=\"2.15.0\"] .toaster-holder.mobile-view.center:not(.top,.bottom){padding:0 1.5rem}[data-gene-ui-version=\"2.15.0\"] .toaster-holder:empty{pointer-events:none}";
20
+ var css_248z = "[data-gene-ui-version=\"2.16.0\"] .toaster-holder{max-width:38rem;padding:1.5rem;position:fixed;width:100%;z-index:500}[data-gene-ui-version=\"2.16.0\"] .toaster-holder>*+*{margin:2rem 0 0}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.left-top{left:0;top:var(--header-height,0)}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.left-bottom{bottom:0;left:0}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.right-top{right:0;top:var(--header-height,0)}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.right-bottom{bottom:0;right:0}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.bottom,[data-gene-ui-version=\"2.16.0\"] .toaster-holder.top{left:50%;transform:translate3d(-50%,0,0)}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.top{top:var(--header-height,0)}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.center{left:50%;top:50%;transform:translate3d(-50%,-50%,0)}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.bottom{bottom:0}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.mobile-view{transform:none;width:100%}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.mobile-view:not(.top,.bottom){padding:0}[data-gene-ui-version=\"2.16.0\"] .toaster-holder.mobile-view.center:not(.top,.bottom){padding:0 1.5rem}[data-gene-ui-version=\"2.16.0\"] .toaster-holder:empty{pointer-events:none}";
21
21
  styleInject(css_248z);
22
22
 
23
23
  const toasterPositions = ['top', 'bottom', 'center', 'left-top', 'left-bottom', 'right-top', 'right-bottom'];