@geneui/components 2.11.1 → 2.12.1

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 (193) hide show
  1. package/{ActionableList.js → ActionableList/index.js} +83 -152
  2. package/{AdvancedSearch.js → AdvancedSearch/index.js} +291 -304
  3. package/{Alert.js → Alert/index.js} +19 -20
  4. package/Avatar/index.js +30 -0
  5. package/{Badge.js → Badge/index.js} +13 -14
  6. package/{Breadcrumb.js → Breadcrumb/index.js} +32 -31
  7. package/{BusyLoader.js → BusyLoader/index.js} +11 -12
  8. package/{Button.js → Button/index.js} +20 -21
  9. package/CHANGELOG.md +56 -0
  10. package/{Card.js → Card/index.js} +82 -94
  11. package/{CardList.js → CardList/index.js} +118 -165
  12. package/{CellMeasurerCache-c11cec83.js → CellMeasurerCache-bc2163c1.js} +2 -2
  13. package/{index-0cf65939.js → Charts/index.js} +17103 -30439
  14. package/{Checkbox.js → Checkbox/index.js} +37 -38
  15. package/{CheckboxGroup.js → CheckboxGroup/index.js} +41 -42
  16. package/{CheckboxGroupWithSearch.js → CheckboxGroupWithSearch/index.js} +64 -65
  17. package/{Collapse.js → Collapse/index.js} +28 -29
  18. package/{ColorPicker.js → ColorPicker/index.js} +16 -16
  19. package/ComboBox/index.js +525 -0
  20. package/Counter/index.js +310 -0
  21. package/{DateFilter.js → DateFilter/index.js} +46 -43
  22. package/{DatePicker.js → DatePicker/index.js} +106 -108
  23. package/{index-5e722d91.js → DatePickerInput/index.js} +103 -89
  24. package/{Divider.js → Divider/index.js} +9 -10
  25. package/{Drawer.js → Drawer/index.js} +40 -41
  26. package/Dropdown/index.js +41 -0
  27. package/{Editor.js → Editor/index.js} +165 -164
  28. package/{Empty.js → Empty/index.js} +12 -13
  29. package/{ExtendedInput.js → ExtendedInput/index.js} +83 -73
  30. package/Form/index.js +86 -0
  31. package/{FormContainer.js → FormContainer/index.js} +25 -26
  32. package/FormableCheckbox/index.js +26 -0
  33. package/FormableDatePicker/index.js +42 -0
  34. package/FormableDropdown/index.js +48 -0
  35. package/FormableEditor/index.js +24 -0
  36. package/{FormableHOC-21051057.js → FormableHOC-55263162.js} +3 -3
  37. package/FormableMultiSelectDropdown/index.js +48 -0
  38. package/FormableNumberInput/index.js +32 -0
  39. package/FormableRadio/index.js +22 -0
  40. package/FormableSwitcher/index.js +22 -0
  41. package/FormableTextInput/index.js +32 -0
  42. package/FormableUploader/index.js +42 -0
  43. package/GeneUIProvider/index.js +282 -0
  44. package/{Grid.js → Grid/index.js} +27 -27
  45. package/Holder/index.js +261 -0
  46. package/{Icon.js → Icon/index.js} +9 -10
  47. package/{Image.js → Image/index.js} +29 -30
  48. package/ImagePreview/index.js +481 -0
  49. package/{KeyValue.js → KeyValue/index.js} +11 -12
  50. package/LICENSE +21 -0
  51. package/{Label.js → Label/index.js} +8 -9
  52. package/LinkButton/index.js +67 -0
  53. package/{Menu.js → Menu/index.js} +39 -34
  54. package/{MobileNavigation.js → MobileNavigation/index.js} +19 -20
  55. package/{MobilePopup.js → MobilePopup/index.js} +42 -41
  56. package/{Modal.js → Modal/index.js} +39 -40
  57. package/ModuleTitle/index.js +143 -0
  58. package/{NavigationMenu.js → NavigationMenu/index.js} +44 -35
  59. package/{Notification.js → Notification/index.js} +24 -25
  60. package/{Option.js → Option/index.js} +37 -39
  61. package/Overlay/index.js +189 -0
  62. package/{Overspread.js → Overspread/index.js} +65 -121
  63. package/{Pagination.js → Pagination/index.js} +35 -34
  64. package/Paper/index.js +96 -0
  65. package/{index-a4635754.js → Popover/index.js} +48 -58
  66. package/{index-702bf24a.js → PopoverV2/index.js} +57 -1006
  67. package/{Portal.js → Portal/index.js} +7 -8
  68. package/{Products.js → Products/index.js} +20 -21
  69. package/Profile/index.js +585 -0
  70. package/{Progress.js → Progress/index.js} +24 -25
  71. package/{QRCode.js → QRCode/index.js} +4 -6
  72. package/{Radio.js → Radio/index.js} +25 -26
  73. package/{RadioGroup.js → RadioGroup/index.js} +17 -18
  74. package/{index-00fe8887.js → Range/index.js} +29 -32
  75. package/RichEditor/index.js +13 -0
  76. package/{RichEditor-b7928765.js → RichEditor-8b9c3afa.js} +18 -18
  77. package/{Scrollbar.js → Scrollbar/index.js} +15 -17
  78. package/{Search.js → Search/index.js} +25 -24
  79. package/{SearchWithDropdown.js → SearchWithDropdown/index.js} +47 -104
  80. package/{Section.js → Section/index.js} +15 -16
  81. package/{SkeletonLoader.js → SkeletonLoader/index.js} +13 -14
  82. package/{Slider.js → Slider/index.js} +46 -43
  83. package/{Status.js → Status/index.js} +23 -24
  84. package/{Steps.js → Steps/index.js} +42 -41
  85. package/{index-5cea9a7d.js → SuggestionList/index.js} +15 -38
  86. package/{Switcher.js → Switcher/index.js} +30 -31
  87. package/Table/index.js +53 -0
  88. package/{TableCompositions.js → TableCompositions/index.js} +132 -168
  89. package/{Tabs.js → Tabs/index.js} +27 -28
  90. package/{Tag.js → Tag/index.js} +17 -18
  91. package/{TextLink.js → TextLink/index.js} +3 -3
  92. package/{Textarea.js → Textarea/index.js} +66 -65
  93. package/{Time.js → Time/index.js} +13 -14
  94. package/TimePicker/index.js +556 -0
  95. package/{Timeline.js → Timeline/index.js} +19 -20
  96. package/{Title.js → Title/index.js} +13 -14
  97. package/{Toaster.js → Toaster/index.js} +19 -20
  98. package/{Tooltip.js → Tooltip/index.js} +27 -28
  99. package/{TransferList.js → TransferList/index.js} +44 -55
  100. package/{index-d9e8a888.js → Uploader/index.js} +119 -116
  101. package/{ValidatableCheckbox.js → ValidatableCheckbox/index.js} +23 -24
  102. package/{ValidatableDatePicker.js → ValidatableDatePicker/index.js} +45 -42
  103. package/ValidatableDropdown/index.js +139 -0
  104. package/ValidatableElements/index.js +68 -0
  105. package/ValidatableMultiSelectDropdown/index.js +150 -0
  106. package/{ValidatableNumberInput.js → ValidatableNumberInput/index.js} +34 -33
  107. package/{ValidatableRadio.js → ValidatableRadio/index.js} +19 -20
  108. package/{ValidatableSwitcher.js → ValidatableSwitcher/index.js} +19 -20
  109. package/{ValidatableTextInput.js → ValidatableTextInput/index.js} +32 -31
  110. package/{ValidatableTimeInput.js → ValidatableTimeInput/index.js} +31 -30
  111. package/{ValidatableUploader.js → ValidatableUploader/index.js} +36 -34
  112. package/Widget/index.js +227 -0
  113. package/config-0ca92874.js +31 -0
  114. package/{configs-91c86664.js → configs-fed6ac34.js} +28 -1
  115. package/hooks/useBodyScroll.js +16 -0
  116. package/hooks/useClick.js +18 -0
  117. package/{useClickOutside-5183e396.js → hooks/useClickOutside.js} +1 -1
  118. package/hooks/useDebounceHook.js +16 -0
  119. package/{useDeviceType-dd51db38.js → hooks/useDeviceType.js} +4 -3
  120. package/hooks/useDidMount.js +15 -0
  121. package/{useEllipsisDetection-ef536015.js → hooks/useEllipsisDetection.js} +1 -1
  122. package/hooks/useForceUpdate.js +8 -0
  123. package/hooks/useImgDownload.js +18 -0
  124. package/{useKeyDown-38102ae7.js → hooks/useKeyDown.js} +1 -1
  125. package/hooks/useMount.js +13 -0
  126. package/hooks/useMutationObserver.js +21 -0
  127. package/hooks/usePrevious.js +10 -0
  128. package/hooks/useThrottle.js +16 -0
  129. package/hooks/useToggle.js +11 -0
  130. package/hooks/useUpdatableRef.js +14 -0
  131. package/hooks/useUpdate.js +10 -0
  132. package/{useWidth-9f4647f8.js → hooks/useWidth.js} +2 -2
  133. package/{useWindowSize-80369d76.js → hooks/useWindowSize.js} +1 -1
  134. package/index-45eafea6.js +90 -0
  135. package/{index-a59530cd.js → index-583e0b30.js} +1 -1
  136. package/{index-67f4d4d1.js → index-78d2ea5b.js} +684 -752
  137. package/{index-ac59cb10.js → index-a0e4e333.js} +6 -6
  138. package/{index-e8776f3d.js → index-b1e429a7.js} +1 -1
  139. package/index-bd525a3a.js +10054 -0
  140. package/index.d.ts +115 -0
  141. package/index.js +138 -113
  142. package/index.mobile.d.ts +16 -0
  143. package/jsx-runtime-57b40d9e.js +957 -0
  144. package/lib/atoms/Avatar/Avatar.d.ts +34 -0
  145. package/lib/atoms/Avatar/index.d.ts +1 -0
  146. package/lib/atoms/LinkButton/LinkButton.d.ts +46 -0
  147. package/lib/atoms/LinkButton/index.d.ts +1 -0
  148. package/{objectWithoutPropertiesLoose-299691d8.js → objectWithoutPropertiesLoose-d8a4a68c.js} +12 -12
  149. package/package.json +42 -22
  150. package/{rangeAndSlider-20599da4.js → rangeAndSlider-0301a458.js} +220 -375
  151. package/{react-beautiful-dnd.esm-38c37304.js → react-beautiful-dnd.esm-04c14563.js} +9 -9
  152. package/react-lifecycles-compat.es-6e1f3768.js +158 -0
  153. package/Avatar.js +0 -77
  154. package/Charts.js +0 -99
  155. package/ComboBox.js +0 -99
  156. package/Counter.js +0 -99
  157. package/DatePickerInput.js +0 -30
  158. package/Dropdown.js +0 -99
  159. package/Form.js +0 -116
  160. package/FormableCheckbox.js +0 -27
  161. package/FormableDatePicker.js +0 -39
  162. package/FormableDropdown.js +0 -105
  163. package/FormableEditor.js +0 -24
  164. package/FormableMultiSelectDropdown.js +0 -105
  165. package/FormableNumberInput.js +0 -31
  166. package/FormableRadio.js +0 -23
  167. package/FormableSwitcher.js +0 -23
  168. package/FormableTextInput.js +0 -31
  169. package/FormableUploader.js +0 -40
  170. package/GeneUIProvider.js +0 -256
  171. package/Holder.js +0 -99
  172. package/ImagePreview.js +0 -99
  173. package/LinkButton.js +0 -104
  174. package/ModuleTitle.js +0 -99
  175. package/Overlay.js +0 -99
  176. package/Paper.js +0 -97
  177. package/Popover.js +0 -20
  178. package/PopoverV2.js +0 -19
  179. package/Profile.js +0 -99
  180. package/Range.js +0 -14
  181. package/RichEditor.js +0 -13
  182. package/SuggestionList.js +0 -15
  183. package/Table.js +0 -102
  184. package/TimePicker.js +0 -99
  185. package/Uploader.js +0 -32
  186. package/ValidatableDropdown.js +0 -99
  187. package/ValidatableElements.js +0 -99
  188. package/ValidatableMultiSelectDropdown.js +0 -99
  189. package/Widget.js +0 -99
  190. package/globalStyling-9c60a159.js +0 -4
  191. package/index-b7a33c58.js +0 -11
  192. package/index-e0af0caf.js +0 -1182
  193. package/useMount-6fef51a5.js +0 -9
@@ -1,13 +1,12 @@
1
- import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
1
+ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
2
2
  import React__default, { useRef, useEffect, useState, useCallback, useMemo } from 'react';
3
- import { p as propTypesExports } from './index-e0af0caf.js';
4
- import { c as classnames } from './index-6ff23041.js';
5
- import Icon from './Icon.js';
6
- import { c as childrenOf } from './index-ac59cb10.js';
7
- import { s as styleInject } from './style-inject.es-746bb8ed.js';
8
- import './globalStyling-9c60a159.js';
9
- import './dateValidation-67caec66.js';
10
- import './_commonjsHelpers-24198af3.js';
3
+ import PropTypes from 'prop-types';
4
+ import { c as classnames } from '../index-6ff23041.js';
5
+ import Icon from '../Icon/index.js';
6
+ import { c as childrenOf } from '../index-a0e4e333.js';
7
+ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
8
+ import '../dateValidation-67caec66.js';
9
+ import '../_commonjsHelpers-24198af3.js';
11
10
  import 'react-dom';
12
11
 
13
12
  function Tab(props) {
@@ -59,45 +58,45 @@ Tab.propTypes = {
59
58
  /**
60
59
  * Title for 'Tab'.
61
60
  */
62
- title: propTypesExports.node,
61
+ title: PropTypes.node,
63
62
  /**
64
63
  * Active/Passive state of 'Tab'
65
64
  */
66
- active: propTypesExports.bool,
65
+ active: PropTypes.bool,
67
66
  /**
68
67
  * Disabled state of 'Tab'
69
68
  */
70
- disabled: propTypesExports.bool,
69
+ disabled: PropTypes.bool,
71
70
  /**
72
71
  * Icon of 'Tab'
73
72
  */
74
- icon: propTypesExports.string,
73
+ icon: PropTypes.string,
75
74
  /**
76
75
  * Content padding for specific 'Tab'
77
76
  */
78
- contentPadding: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
77
+ contentPadding: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
79
78
  /**
80
79
  * Prop for specifying which tab is active
81
80
  */
82
- activeKey: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
81
+ activeKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
83
82
  /**
84
83
  * Prop for default active tab
85
84
  */
86
- defaultActiveKey: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
85
+ defaultActiveKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
87
86
  /**
88
87
  * Shows close button and triggers function onClick
89
88
  */
90
- onClose: propTypesExports.func,
89
+ onClose: PropTypes.func,
91
90
  /**
92
91
  * Shows title hovering the close button
93
92
  */
94
- closeTitleText: propTypesExports.oneOfType([propTypesExports.func, propTypesExports.string])
93
+ closeTitleText: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
95
94
  };
96
95
  Tab.defaultProps = {
97
96
  disabled: false
98
97
  };
99
98
 
100
- var css_248z = "[data-gene-ui-version=\"2.11.0\"] .tabs-holder{align-items:flex-start;display:flex;width:100%}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.reversed{flex-direction:row-reverse}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.horizontal{flex-direction:column}[data-gene-ui-version=\"2.11.0\"] .tabs-head{display:flex;flex-shrink:0;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.horizontal>.tabs-head{width:100%}[data-gene-ui-version=\"2.11.0\"] .tabs-head>.tabs-wrapper{flex:auto}[data-gene-ui-version=\"2.11.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.11.0\"] .tabs-head>.tabs-actions>*{margin-inline-end:2rem}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper{overflow-x:auto;width:100%}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper::-webkit-scrollbar{display:none;height:0;width:0}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs,[data-gene-ui-version=\"2.11.0\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{min-width:100%}[data-gene-ui-version=\"2.11.0\"] .tabs-content{display:inline-flex;font-weight:600;line-height:4.2rem;text-align:center;vertical-align:top}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content{flex-direction:column;text-align:start}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content .tab-icon{display:none}[data-gene-ui-version=\"2.11.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.11.0\"] .tabs-content>li .tab-icon{flex-shrink:0;margin-inline-end:1.4rem;margin-inline-start:-.4rem}[data-gene-ui-version=\"2.11.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.11.0\"] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.type-basic.tabs-content>li{justify-content:flex-end}[data-gene-ui-version=\"2.11.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.11.0\"] .tabs-content>li.disabled{opacity:.5}[data-gene-ui-version=\"2.11.0\"] .tabs-content>li.active,[data-gene-ui-version=\"2.11.0\"] .tabs-content>li.disabled{pointer-events:none}[data-gene-ui-version=\"2.11.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.11.0\"] .tabs-content>li .tab-close-button .icon{font-size:1.2rem}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .tabs-content>li .tab-close-button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.11.0\"] .tabs-content.active .tab-close-button{background:rgba(var(--hero-rgb),.1);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .tabs-content.active .tab-close-button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.11.0\"] .tabs-content.equal-tabs>li{flex:1;min-width:12rem}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs>li{width:13rem}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs.type-text>li{width:12rem}[data-gene-ui-version=\"2.11.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.11.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.11.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.11.0\"] .tabs-content.type-basic>li{box-shadow:inset 0 0 0 var(--hero);flex:inherit}[data-gene-ui-version=\"2.11.0\"] .tabs-content.type-basic>li.active{box-shadow:inset 0 -.4rem 0 0 var(--hero)}[data-gene-ui-version=\"2.11.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.11.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.11.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.11.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.11.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.11.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:.2rem 0 0}[data-gene-ui-version=\"2.11.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.11.0\"] .tabs-content.type-box>li:hover{border-color:rgba(var(--background-sc-rgb),.1)}}[data-gene-ui-version=\"2.11.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.11.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.11.0\"] .tabs-content.type-button{box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-button:not(.equal-tabs)>li{padding:0 2rem}[data-gene-ui-version=\"2.11.0\"] .tabs-content.type-button>li{box-shadow:inset 0 0 0 0 var(--hero)}[data-gene-ui-version=\"2.11.0\"] .tabs-content.type-button>li.active{box-shadow:inset 0 0 0 1px var(--hero)}[data-gene-ui-version=\"2.11.0\"] .tabs-content.type-text.equal-tabs>li{min-width:10rem}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text.equal-tabs>li{min-width:12rem}[data-gene-ui-version=\"2.11.0\"] .tabs-content.type-text>li{line-height:2.8rem;padding:0 1.5rem}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text>li{padding:0 2rem}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text>li+*{margin:1rem 0 0}[data-gene-ui-version=\"2.11.0\"] .tabs-content.type-text>li.active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.11.0\"] .tabs-content.type-box>li.active,[data-gene-ui-version=\"2.11.0\"] .tabs-content.type-button>li.active{color:var(--hero)}[data-gene-ui-version=\"2.11.0\"] .tabs-content.type-button,[data-gene-ui-version=\"2.11.0\"] .tabs-content.type-button>li,[data-gene-ui-version=\"2.11.0\"] .tabs-content.type-text,[data-gene-ui-version=\"2.11.0\"] .tabs-content.type-text>li{border-radius:2rem}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .tabs-content.type-button>li:not(.active):hover,[data-gene-ui-version=\"2.11.0\"] .tabs-content.type-text>li:not(.active):hover{color:var(--hero)}}[data-gene-ui-version=\"2.11.0\"] .tabs-content-holder{width:100%}[data-gene-ui-version=\"2.11.0\"] .tabs-holder.vertical>.tabs-content-holder{flex:auto}[data-gene-ui-version=\"2.11.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.11.0\"] .tabs-holder.vertical>.tabs-content-holder.c-type-box{border-radius:1rem}[data-gene-ui-version=\"2.11.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.11.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.11.0\"] .external-link{align-items:center;display:flex;font-weight:600}[data-gene-ui-version=\"2.11.0\"] .external-link>*+*{margin-inline-start:.2rem}";
99
+ var css_248z = "[data-gene-ui-version=\"2.12.1\"] .tabs-holder{align-items:flex-start;display:flex;width:100%}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.reversed{flex-direction:row-reverse}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.horizontal{flex-direction:column}[data-gene-ui-version=\"2.12.1\"] .tabs-head{display:flex;flex-shrink:0;-webkit-user-select:none;user-select:none}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.horizontal>.tabs-head{width:100%}[data-gene-ui-version=\"2.12.1\"] .tabs-head>.tabs-wrapper{flex:auto}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .tabs-head>.tabs-actions>*{margin-inline-end:2rem}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper{overflow-x:auto;width:100%}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper::-webkit-scrollbar{display:none;height:0;width:0}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs,[data-gene-ui-version=\"2.12.1\"] .tabs-holder.horizontal>.tabs-head>.tabs-wrapper>.tabs-content.type-basic{min-width:100%}[data-gene-ui-version=\"2.12.1\"] .tabs-content{display:inline-flex;font-weight:600;line-height:4.2rem;text-align:center;vertical-align:top}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content{flex-direction:column;text-align:start}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content .tab-icon{display:none}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .tabs-content>li .tab-icon{flex-shrink:0;margin-inline-end:1.4rem;margin-inline-start:-.4rem}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .tabs-holder.vertical:not(.reversed)>.tabs-head>.tabs-wrapper>.type-basic.tabs-content>li{justify-content:flex-end}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .tabs-content>li.disabled{opacity:.5}[data-gene-ui-version=\"2.12.1\"] .tabs-content>li.active,[data-gene-ui-version=\"2.12.1\"] .tabs-content>li.disabled{pointer-events:none}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .tabs-content>li .tab-close-button .icon{font-size:1.2rem}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .tabs-content>li .tab-close-button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.12.1\"] .tabs-content.active .tab-close-button{background:rgba(var(--hero-rgb),.1);color:var(--hero)}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .tabs-content.active .tab-close-button:hover{background:var(--hero);color:var(--hero-sc)}}[data-gene-ui-version=\"2.12.1\"] .tabs-content.equal-tabs>li{flex:1;min-width:12rem}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs>li{width:13rem}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.equal-tabs.type-text>li{width:12rem}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .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.12.1\"] .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.12.1\"] .tabs-content.type-basic>li{box-shadow:inset 0 0 0 var(--hero);flex:inherit}[data-gene-ui-version=\"2.12.1\"] .tabs-content.type-basic>li.active{box-shadow:inset 0 -.4rem 0 0 var(--hero)}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .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.12.1\"] .tabs-content.type-box>li{border:1px solid #0000;border-radius:1rem 1rem 0 0;line-height:4.1rem}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .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.12.1\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-box>li+*{margin:.2rem 0 0}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .tabs-content.type-box>li:hover{border-color:rgba(var(--background-sc-rgb),.1)}}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .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.12.1\"] .tabs-content.type-button{box-shadow:inset 0 0 0 1px rgba(var(--background-sc-rgb),.1)}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-button:not(.equal-tabs)>li{padding:0 2rem}[data-gene-ui-version=\"2.12.1\"] .tabs-content.type-button>li{box-shadow:inset 0 0 0 0 var(--hero)}[data-gene-ui-version=\"2.12.1\"] .tabs-content.type-button>li.active{box-shadow:inset 0 0 0 1px var(--hero)}[data-gene-ui-version=\"2.12.1\"] .tabs-content.type-text.equal-tabs>li{min-width:10rem}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text.equal-tabs>li{min-width:12rem}[data-gene-ui-version=\"2.12.1\"] .tabs-content.type-text>li{line-height:2.8rem;padding:0 1.5rem}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text>li{padding:0 2rem}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.vertical>.tabs-head>.tabs-wrapper>.tabs-content.type-text>li+*{margin:1rem 0 0}[data-gene-ui-version=\"2.12.1\"] .tabs-content.type-text>li.active{background:var(--hero);color:var(--hero-sc)}[data-gene-ui-version=\"2.12.1\"] .tabs-content.type-box>li.active,[data-gene-ui-version=\"2.12.1\"] .tabs-content.type-button>li.active{color:var(--hero)}[data-gene-ui-version=\"2.12.1\"] .tabs-content.type-button,[data-gene-ui-version=\"2.12.1\"] .tabs-content.type-button>li,[data-gene-ui-version=\"2.12.1\"] .tabs-content.type-text,[data-gene-ui-version=\"2.12.1\"] .tabs-content.type-text>li{border-radius:2rem}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .tabs-content.type-button>li:not(.active):hover,[data-gene-ui-version=\"2.12.1\"] .tabs-content.type-text>li:not(.active):hover{color:var(--hero)}}[data-gene-ui-version=\"2.12.1\"] .tabs-content-holder{width:100%}[data-gene-ui-version=\"2.12.1\"] .tabs-holder.vertical>.tabs-content-holder{flex:auto}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .tabs-holder.vertical>.tabs-content-holder.c-type-box{border-radius:1rem}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .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.12.1\"] .external-link{align-items:center;display:flex;font-weight:600}[data-gene-ui-version=\"2.12.1\"] .external-link>*+*{margin-inline-start:.2rem}";
101
100
  styleInject(css_248z);
102
101
 
103
102
  function Tabs(props) {
@@ -157,31 +156,31 @@ Tabs.propTypes = {
157
156
  /**
158
157
  * Any valid react node, will be shown at right side of tab menu bar.
159
158
  */
160
- actions: propTypesExports.node,
159
+ actions: PropTypes.node,
161
160
  /**
162
161
  * Prop for specifying which tab is active
163
162
  */
164
- activeKey: propTypesExports.string,
163
+ activeKey: PropTypes.string,
165
164
  /**
166
165
  * Prop for default active tab
167
166
  */
168
- defaultActiveKey: propTypesExports.string,
167
+ defaultActiveKey: PropTypes.string,
169
168
  /**
170
169
  * Style of tab menu bar
171
170
  */
172
- type: propTypesExports.oneOf(['basic', 'box', 'button', 'text']),
171
+ type: PropTypes.oneOf(['basic', 'box', 'button', 'text']),
173
172
  /**
174
173
  * Position of tab menu bar
175
174
  */
176
- position: propTypesExports.oneOf(['top', 'left', 'right']),
175
+ position: PropTypes.oneOf(['top', 'left', 'right']),
177
176
  /**
178
177
  * Size of tabs will be fixed when the value is true
179
178
  */
180
- fixedSize: propTypesExports.bool,
179
+ fixedSize: PropTypes.bool,
181
180
  /**
182
181
  * Callback function, fired when tab changes
183
182
  */
184
- onChange: propTypesExports.func,
183
+ onChange: PropTypes.func,
185
184
  /**
186
185
  * Any valid react node
187
186
  */
@@ -189,11 +188,11 @@ Tabs.propTypes = {
189
188
  /**
190
189
  * Additional classname for content wrapper
191
190
  */
192
- contentClassName: propTypesExports.string,
191
+ contentClassName: PropTypes.string,
193
192
  /**
194
193
  * Padding value for content wrapper
195
194
  */
196
- contentPadding: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number])
195
+ contentPadding: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
197
196
  };
198
197
  Tabs.defaultProps = {
199
198
  type: 'basic',
@@ -1,12 +1,11 @@
1
- import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
1
+ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
2
2
  import React__default from 'react';
3
- import { p as propTypesExports } from './index-e0af0caf.js';
4
- import { c as classnames } from './index-6ff23041.js';
5
- import { t as tagConfig } from './configs-91c86664.js';
6
- import './globalStyling-9c60a159.js';
7
- import { s as styleInject } from './style-inject.es-746bb8ed.js';
3
+ import PropTypes from 'prop-types';
4
+ import { c as classnames } from '../index-6ff23041.js';
5
+ import { f as tagConfig } from '../configs-fed6ac34.js';
6
+ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
8
7
 
9
- var css_248z = "[data-gene-ui-version=\"2.11.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.11.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.11.0\"] .static-title-holder .st-c{max-width:100%}[data-gene-ui-version=\"2.11.0\"] .static-title-holder .st-c:nth-child(2){align-items:center;display:flex;min-height:3.2rem}[data-gene-ui-version=\"2.11.0\"] .static-title-holder.f-full-width,[data-gene-ui-version=\"2.11.0\"] .static-title-holder.f-full-width .st-c{width:100%}[data-gene-ui-version=\"2.11.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.11.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.11.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.11.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.11.0\"] .tag-c.f-compact{min-width:var(--size)}[data-gene-ui-version=\"2.11.0\"] .tag-c.f-compact.s-small{padding:0 .4rem}[data-gene-ui-version=\"2.11.0\"] .tag-c.f-compact.s-medium{padding:0 .5rem}[data-gene-ui-version=\"2.11.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.11.0\"] .tag-c.cr-full-radius{border-radius:1.4rem}[data-gene-ui-version=\"2.11.0\"] .tag-c.cr-smooth-radius{border-radius:.6rem}[data-gene-ui-version=\"2.11.0\"] .tag-c:not(.active).a-simple{--color:var(--background-sc)}[data-gene-ui-version=\"2.11.0\"] .tag-c:not(.active).a-simple .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.11.0\"] .tag-c:not(.active).a-simple .tag-backdrop:after{content:none}[data-gene-ui-version=\"2.11.0\"] .tag-c:not(.active).a-minimal .tag-backdrop{--color:var(--background-sc)}[data-gene-ui-version=\"2.11.0\"] .tag-c:not(.active).a-minimal .tag-backdrop:before{opacity:.03}[data-gene-ui-version=\"2.11.0\"] .tag-c:not(.active).a-minimal .tag-backdrop:after{opacity:.07}[data-gene-ui-version=\"2.11.0\"] .tag-c:not(.active).a-outline .tag-backdrop:before{content:none}[data-gene-ui-version=\"2.11.0\"] .tag-c:not(.active).a-colored .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.11.0\"] .tag-c:not(.active).a-clean{--color:var(--background-sc)}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .tag-c:not(.active).a-clean:hover{--color:var(--hero)}}[data-gene-ui-version=\"2.11.0\"] .tag-c:not(.active).a-clean .tag-backdrop:after,[data-gene-ui-version=\"2.11.0\"] .tag-c:not(.active).a-clean .tag-backdrop:before{content:none}[data-gene-ui-version=\"2.11.0\"] .tag-c:not(.active).a-light .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.11.0\"] .tag-c:not(.active).a-light .tag-backdrop:after{border:0}[data-gene-ui-version=\"2.11.0\"] .tag-c.active{color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .tag-c:hover .tag-backdrop{opacity:.6}}[data-gene-ui-version=\"2.11.0\"] .tag-c .icon,[data-gene-ui-version=\"2.11.0\"] .tag-c .tag-cc{position:relative;transition:opacity .3s;z-index:1}[data-gene-ui-version=\"2.11.0\"] .tag-c .icon{cursor:pointer;opacity:.5}@media (hover:hover){[data-gene-ui-version=\"2.11.0\"] .tag-c .icon:hover{opacity:1}[data-gene-ui-version=\"2.11.0\"] .tag-c .icon:hover~.tag-cp{opacity:.6}}[data-gene-ui-version=\"2.11.0\"] .tag-backdrop{border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:opacity .3s;width:100%}[data-gene-ui-version=\"2.11.0\"] .tag-backdrop:after,[data-gene-ui-version=\"2.11.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.11.0\"] .tag-backdrop:before{background:var(--color);transition:background .3s,opacity .3s}[data-gene-ui-version=\"2.11.0\"] .tag-backdrop:after{border:1px solid var(--color);transition:border-color .3s,opacity .3s}";
8
+ var css_248z = "[data-gene-ui-version=\"2.12.1\"] .static-title-holder{align-items:flex-start;display:inline-flex;flex-direction:column;max-width:100%;vertical-align:top}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .static-title-holder .st-c{max-width:100%}[data-gene-ui-version=\"2.12.1\"] .static-title-holder .st-c:nth-child(2){align-items:center;display:flex;min-height:3.2rem}[data-gene-ui-version=\"2.12.1\"] .static-title-holder.f-full-width,[data-gene-ui-version=\"2.12.1\"] .static-title-holder.f-full-width .st-c{width:100%}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .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.12.1\"] .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.12.1\"] .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.12.1\"] .tag-c.f-compact{min-width:var(--size)}[data-gene-ui-version=\"2.12.1\"] .tag-c.f-compact.s-small{padding:0 .4rem}[data-gene-ui-version=\"2.12.1\"] .tag-c.f-compact.s-medium{padding:0 .5rem}[data-gene-ui-version=\"2.12.1\"] .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.12.1\"] .tag-c.cr-full-radius{border-radius:1.4rem}[data-gene-ui-version=\"2.12.1\"] .tag-c.cr-smooth-radius{border-radius:.6rem}[data-gene-ui-version=\"2.12.1\"] .tag-c:not(.active).a-simple{--color:var(--background-sc)}[data-gene-ui-version=\"2.12.1\"] .tag-c:not(.active).a-simple .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.12.1\"] .tag-c:not(.active).a-simple .tag-backdrop:after{content:none}[data-gene-ui-version=\"2.12.1\"] .tag-c:not(.active).a-minimal .tag-backdrop{--color:var(--background-sc)}[data-gene-ui-version=\"2.12.1\"] .tag-c:not(.active).a-minimal .tag-backdrop:before{opacity:.03}[data-gene-ui-version=\"2.12.1\"] .tag-c:not(.active).a-minimal .tag-backdrop:after{opacity:.07}[data-gene-ui-version=\"2.12.1\"] .tag-c:not(.active).a-outline .tag-backdrop:before{content:none}[data-gene-ui-version=\"2.12.1\"] .tag-c:not(.active).a-colored .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.12.1\"] .tag-c:not(.active).a-clean{--color:var(--background-sc)}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .tag-c:not(.active).a-clean:hover{--color:var(--hero)}}[data-gene-ui-version=\"2.12.1\"] .tag-c:not(.active).a-clean .tag-backdrop:after,[data-gene-ui-version=\"2.12.1\"] .tag-c:not(.active).a-clean .tag-backdrop:before{content:none}[data-gene-ui-version=\"2.12.1\"] .tag-c:not(.active).a-light .tag-backdrop:before{opacity:.1}[data-gene-ui-version=\"2.12.1\"] .tag-c:not(.active).a-light .tag-backdrop:after{border:0}[data-gene-ui-version=\"2.12.1\"] .tag-c.active{color:var(--hero-sc)}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .tag-c:hover .tag-backdrop{opacity:.6}}[data-gene-ui-version=\"2.12.1\"] .tag-c .icon,[data-gene-ui-version=\"2.12.1\"] .tag-c .tag-cc{position:relative;transition:opacity .3s;z-index:1}[data-gene-ui-version=\"2.12.1\"] .tag-c .icon{cursor:pointer;opacity:.5}@media (hover:hover){[data-gene-ui-version=\"2.12.1\"] .tag-c .icon:hover{opacity:1}[data-gene-ui-version=\"2.12.1\"] .tag-c .icon:hover~.tag-cp{opacity:.6}}[data-gene-ui-version=\"2.12.1\"] .tag-backdrop{border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:opacity .3s;width:100%}[data-gene-ui-version=\"2.12.1\"] .tag-backdrop:after,[data-gene-ui-version=\"2.12.1\"] .tag-backdrop:before{border-radius:inherit;content:\"\";display:block;height:100%;left:0;position:absolute;top:0;width:100%}[data-gene-ui-version=\"2.12.1\"] .tag-backdrop:before{background:var(--color);transition:background .3s,opacity .3s}[data-gene-ui-version=\"2.12.1\"] .tag-backdrop:after{border:1px solid var(--color);transition:border-color .3s,opacity .3s}";
10
9
  styleInject(css_248z);
11
10
 
12
11
  function Tag(_ref) {
@@ -49,47 +48,47 @@ Tag.propTypes = {
49
48
  /**
50
49
  * Label for 'Tag'.
51
50
  */
52
- label: propTypesExports.string,
51
+ label: PropTypes.string,
53
52
  /**
54
53
  * Cursor type for 'Tag'.
55
54
  */
56
- cursor: propTypesExports.string,
55
+ cursor: PropTypes.string,
57
56
  /**
58
57
  * Name for 'Tag'.
59
58
  */
60
- name: propTypesExports.string.isRequired,
59
+ name: PropTypes.string.isRequired,
61
60
  /**
62
61
  * Border type of corners
63
62
  */
64
- cornerRadius: propTypesExports.oneOf(tagConfig.cornerRadius),
63
+ cornerRadius: PropTypes.oneOf(tagConfig.cornerRadius),
65
64
  /**
66
65
  * Chooses how to show 'Tag'
67
66
  */
68
- flexibility: propTypesExports.oneOf(tagConfig.flexibility),
67
+ flexibility: PropTypes.oneOf(tagConfig.flexibility),
69
68
  /**
70
69
  * Switches between different sizes of 'Tag'.
71
70
  */
72
- size: propTypesExports.oneOf(tagConfig.size),
71
+ size: PropTypes.oneOf(tagConfig.size),
73
72
  /**
74
73
  * Color/theming for 'Tag'.
75
74
  */
76
- color: propTypesExports.string,
75
+ color: PropTypes.string,
77
76
  /**
78
77
  * Switches between different views of 'Tag'.
79
78
  */
80
- appearance: propTypesExports.oneOf(tagConfig.appearance),
79
+ appearance: PropTypes.oneOf(tagConfig.appearance),
81
80
  /**
82
81
  * Selected state
83
82
  */
84
- selected: propTypesExports.bool,
83
+ selected: PropTypes.bool,
85
84
  /**
86
85
  * External/Additional className
87
86
  */
88
- className: propTypesExports.string,
87
+ className: PropTypes.string,
89
88
  /**
90
89
  * Showing icons
91
90
  */
92
- icons: propTypesExports.node
91
+ icons: PropTypes.node
93
92
  };
94
93
  Tag.defaultProps = {
95
94
  cornerRadius: tagConfig.cornerRadius[0],
@@ -1,5 +1,5 @@
1
1
  import React__default from 'react';
2
- import { p as propTypesExports } from './index-e0af0caf.js';
2
+ import PropTypes from 'prop-types';
3
3
 
4
4
  function TextLink(_ref) {
5
5
  let {
@@ -12,11 +12,11 @@ TextLink.propTypes = {
12
12
  /**
13
13
  * Any valid React node
14
14
  */
15
- children: propTypesExports.string.isRequired,
15
+ children: PropTypes.string.isRequired,
16
16
  /**
17
17
  * Additional className
18
18
  */
19
- className: propTypesExports.string
19
+ className: PropTypes.string
20
20
  };
21
21
 
22
22
  export { TextLink as default };
@@ -1,25 +1,26 @@
1
- import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
1
+ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
2
2
  import React__default from 'react';
3
- import { n as noop } from './index-ac59cb10.js';
4
- import { p as propTypesExports } from './index-e0af0caf.js';
5
- import { i as inputConfig, s as screenTypes } from './configs-91c86664.js';
6
- import ExtendedInput from './ExtendedInput.js';
7
- import './globalStyling-9c60a159.js';
8
- import { s as styleInject } from './style-inject.es-746bb8ed.js';
9
- import './dateValidation-67caec66.js';
10
- import './_commonjsHelpers-24198af3.js';
3
+ import PropTypes from 'prop-types';
4
+ import { n as noop } from '../index-a0e4e333.js';
5
+ import { i as inputConfig, s as screenTypes } from '../configs-fed6ac34.js';
6
+ import ExtendedInput from '../ExtendedInput/index.js';
7
+ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
8
+ import '../dateValidation-67caec66.js';
9
+ import '../_commonjsHelpers-24198af3.js';
11
10
  import 'react-dom';
12
- import './index-6ff23041.js';
13
- import './useDeviceType-dd51db38.js';
14
- import './useWindowSize-80369d76.js';
15
- import './index-5cea9a7d.js';
16
- import './useKeyDown-38102ae7.js';
17
- import './useClickOutside-5183e396.js';
18
- import './Scrollbar.js';
19
- import './Icon.js';
20
- import './Tooltip.js';
21
- import './Popover-f4d1cac0.js';
22
- import './GeneUIProvider.js';
11
+ import '../index-6ff23041.js';
12
+ import '../hooks/useDeviceType.js';
13
+ import '../hooks/useWindowSize.js';
14
+ import '../hooks/useEllipsisDetection.js';
15
+ import '../Icon/index.js';
16
+ import '../SuggestionList/index.js';
17
+ import '../hooks/useKeyDown.js';
18
+ import '../hooks/useClickOutside.js';
19
+ import '../config-0ca92874.js';
20
+ import '../Scrollbar/index.js';
21
+ import '../Tooltip/index.js';
22
+ import '../Popover-f4d1cac0.js';
23
+ import '../GeneUIProvider/index.js';
23
24
 
24
25
  var css_248z = "";
25
26
  styleInject(css_248z);
@@ -33,172 +34,172 @@ Textarea.propTypes = {
33
34
  /**
34
35
  * Additional className
35
36
  */
36
- className: propTypesExports.string,
37
+ className: PropTypes.string,
37
38
  /**
38
39
  * Control ExtendedInput disabled state with this prop
39
40
  */
40
- disabled: propTypesExports.bool,
41
+ disabled: PropTypes.bool,
41
42
  /**
42
43
  * Borders will be colored on when "isValid" and this props are set to "true"
43
44
  */
44
- colorBorderOnError: propTypesExports.bool,
45
+ colorBorderOnError: PropTypes.bool,
45
46
  /**
46
47
  * Shows an icon to clear ExtendedInput's value when set to "true"
47
48
  */
48
- showClearIcon: propTypesExports.bool,
49
+ showClearIcon: PropTypes.bool,
49
50
  /**
50
51
  * Use this props in combo with "icon" prop. This will fire on icon click when set to "true"
51
52
  */
52
- clickableIcon: propTypesExports.bool,
53
+ clickableIcon: PropTypes.bool,
53
54
  /**
54
55
  * Shows an error icon when "isValid" is set to "false" and this prop is set to "true"
55
56
  */
56
- showErrorIcon: propTypesExports.bool,
57
+ showErrorIcon: PropTypes.bool,
57
58
  /**
58
59
  *.
59
60
  */
60
- showClickableTooltipOnError: propTypesExports.bool,
61
+ showClickableTooltipOnError: PropTypes.bool,
61
62
  /**
62
63
  * ExtendedInput borders are colored when "isValid" and this props are set to "true"
63
64
  */
64
- colorOnValid: propTypesExports.bool,
65
+ colorOnValid: PropTypes.bool,
65
66
  /**
66
67
  * ExtendedInput will display an icon when "isValid" and this props are set to "true"
67
68
  */
68
- showIconOnValid: propTypesExports.bool,
69
+ showIconOnValid: PropTypes.bool,
69
70
  /**
70
71
  * Shows the "errorText" value in "Tooltip" when set to "true"
71
72
  */
72
- showErrorWithTooltip: propTypesExports.bool,
73
+ showErrorWithTooltip: PropTypes.bool,
73
74
  /**
74
75
  * Control ExtendedInput validation. For more info see "ValidatableNumberInput", "ValidatableTextInput"(integrated ExtendedInputs with "Form" organism).
75
76
  */
76
- isValid: propTypesExports.bool,
77
+ isValid: PropTypes.bool,
77
78
  /**
78
79
  * Use this prop to specify error message. This will be displayed when "isValid" is set to "false"
79
80
  */
80
- errorText: propTypesExports.string,
81
+ errorText: PropTypes.string,
81
82
  /**
82
83
  * Use this prop to specify tooltip message.
83
84
  */
84
- tooltipText: propTypesExports.string,
85
+ tooltipText: PropTypes.string,
85
86
  /**
86
87
  * Valid values are same as "Icon" type
87
88
  */
88
- icon: propTypesExports.string,
89
+ icon: PropTypes.string,
89
90
  /**
90
91
  * ExtendedInput placeholder
91
92
  */
92
- placeholder: propTypesExports.string,
93
+ placeholder: PropTypes.string,
93
94
  /**
94
95
  * Control items direction
95
96
  */
96
- itemsDirection: propTypesExports.oneOf(inputConfig.itemsDirection),
97
+ itemsDirection: PropTypes.oneOf(inputConfig.itemsDirection),
97
98
  /**
98
99
  * Use this prop to control ExtendedInput state. Note that when you specify this prop, the ExtendedInput will not functionate itself
99
100
  */
100
- value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
101
+ value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
101
102
  /**
102
103
  * ExtendedInput appearance
103
104
  */
104
- appearance: propTypesExports.oneOf(inputConfig.appearance),
105
+ appearance: PropTypes.oneOf(inputConfig.appearance),
105
106
  /**
106
107
  * ExtendedInput size
107
108
  */
108
- inputSize: propTypesExports.oneOf(inputConfig.size),
109
+ inputSize: PropTypes.oneOf(inputConfig.size),
109
110
  /**
110
111
  * ExtendedInput corner radius
111
112
  */
112
- cornerRadius: propTypesExports.oneOf(inputConfig.cornerRadius),
113
+ cornerRadius: PropTypes.oneOf(inputConfig.cornerRadius),
113
114
  /**
114
115
  * Will make ExtendedInput readonly when set to "true"
115
116
  */
116
- readOnly: propTypesExports.bool,
117
+ readOnly: PropTypes.bool,
117
118
  /**
118
119
  * How to display inscription in relation to it's parent in ExtendedInput
119
120
  */
120
- flexibility: propTypesExports.oneOf(inputConfig.flexibility),
121
+ flexibility: PropTypes.oneOf(inputConfig.flexibility),
121
122
  /**
122
123
  * This prop will only applied once as defaultState for "value" when ExtendedInput mounts.
123
124
  * Note that specifying this prop is not mean controlling it.
124
125
  */
125
- defaultValue: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
126
+ defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
126
127
  /**
127
128
  * Shows an "Icon" to remove ExtendedInput's value
128
129
  */
129
- canClear: propTypesExports.bool,
130
+ canClear: PropTypes.bool,
130
131
  /**
131
132
  * Fires an event on clear "Icon" click((element: Element) => void)
132
133
  */
133
- onClear: propTypesExports.func,
134
+ onClear: PropTypes.func,
134
135
  /**
135
136
  * Fires an event on ExtendedInput change((event: Event) => void)
136
137
  */
137
- onChange: propTypesExports.func,
138
+ onChange: PropTypes.func,
138
139
  /**
139
140
  * Specify a label for ExtendedInput
140
141
  */
141
- label: propTypesExports.string,
142
+ label: PropTypes.string,
142
143
  /**
143
144
  * Specify a "label" appearance
144
145
  */
145
- labelAppearance: propTypesExports.oneOf(inputConfig.labelAppearance),
146
+ labelAppearance: PropTypes.oneOf(inputConfig.labelAppearance),
146
147
  /**
147
148
  * Will add an additional description field
148
149
  */
149
- description: propTypesExports.node,
150
+ description: PropTypes.node,
150
151
  /**
151
152
  * Fires an event on ExtendInput <input /> click((event: Event => void))
152
153
  */
153
- onClick: propTypesExports.func,
154
+ onClick: PropTypes.func,
154
155
  /**
155
156
  * Typing will be blocked when set to "true". Note design is different from "readonly" prop's design
156
157
  */
157
- writeProtected: propTypesExports.bool,
158
+ writeProtected: PropTypes.bool,
158
159
  /**
159
160
  * Callback fires when input is focused
160
161
  */
161
- onFocus: propTypesExports.func,
162
+ onFocus: PropTypes.func,
162
163
  /**
163
164
  * Callback fires when input loose focus
164
165
  */
165
- onBlur: propTypesExports.func,
166
+ onBlur: PropTypes.func,
166
167
  /**
167
168
  * Callback fires when click in icon
168
169
  */
169
- onIconClick: propTypesExports.func,
170
+ onIconClick: PropTypes.func,
170
171
  /**
171
172
  * Define is input required or no.
172
173
  */
173
- required: propTypesExports.bool,
174
+ required: PropTypes.bool,
174
175
  /**
175
176
  * The switch between mobile and desktop version
176
177
  */
177
- screenType: propTypesExports.oneOf(screenTypes),
178
+ screenType: PropTypes.oneOf(screenTypes),
178
179
  /**
179
180
  * Define is need input info icon required.
180
181
  */
181
- withInfoIcon: propTypesExports.bool,
182
+ withInfoIcon: PropTypes.bool,
182
183
  /**
183
184
  * ExtendedInput info icon title.
184
185
  */
185
- infoIconTitle: propTypesExports.string,
186
+ infoIconTitle: PropTypes.string,
186
187
  /**
187
188
  * Max Length of input Value
188
189
  */
189
- maxLength: propTypesExports.number,
190
+ maxLength: PropTypes.number,
190
191
  /**
191
192
  * Show Remaining Length of input value, works only with maxLength
192
193
  */
193
- showRemainingLength: propTypesExports.bool,
194
+ showRemainingLength: PropTypes.bool,
194
195
  /**
195
196
  * Suggestion Data
196
197
  */
197
- suggestionData: propTypesExports.arrayOf(propTypesExports.shape({
198
- key: propTypesExports.string.isRequired,
199
- data: propTypesExports.arrayOf(propTypesExports.shape({
200
- label: propTypesExports.string.isRequired,
201
- value: propTypesExports.string.isRequired
198
+ suggestionData: PropTypes.arrayOf(PropTypes.shape({
199
+ key: PropTypes.string.isRequired,
200
+ data: PropTypes.arrayOf(PropTypes.shape({
201
+ label: PropTypes.string.isRequired,
202
+ value: PropTypes.string.isRequired
202
203
  }))
203
204
  }))
204
205
  };
@@ -1,16 +1,15 @@
1
- import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
1
+ import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
2
2
  import React__default, { useMemo, useState, useEffect } from 'react';
3
- import { p as propTypesExports } from './index-e0af0caf.js';
4
- import { a as dayjs, d as dayjsWithPlugins } from './dateValidation-67caec66.js';
5
- import { a as getBrowserTimeFormat } from './localization-4ba17032.js';
3
+ import PropTypes from 'prop-types';
4
+ import { a as dayjs, d as dayjsWithPlugins } from '../dateValidation-67caec66.js';
5
+ import { a as getBrowserTimeFormat } from '../localization-4ba17032.js';
6
6
  import 'react-dom';
7
- import Icon from './Icon.js';
8
- import './globalStyling-9c60a159.js';
9
- import { s as styleInject } from './style-inject.es-746bb8ed.js';
10
- import './_commonjsHelpers-24198af3.js';
11
- import './index-6ff23041.js';
7
+ import Icon from '../Icon/index.js';
8
+ import { s as styleInject } from '../style-inject.es-746bb8ed.js';
9
+ import '../_commonjsHelpers-24198af3.js';
10
+ import '../index-6ff23041.js';
12
11
 
13
- var css_248z = "[data-gene-ui-version=\"2.11.0\"] .time-holder{align-items:center;display:flex;font-weight:600;line-height:3.2rem;white-space:nowrap}[data-gene-ui-version=\"2.11.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.12.1\"] .time-holder{align-items:center;display:flex;font-weight:600;line-height:3.2rem;white-space:nowrap}[data-gene-ui-version=\"2.12.1\"] .time-holder>*+*{margin:0 0 0 .3rem}html[dir=rtl] .time-holder>*+*{margin:0 .3rem 0 0}";
14
13
  styleInject(css_248z);
15
14
 
16
15
  function Time(_ref) {
@@ -41,19 +40,19 @@ Time.propTypes = {
41
40
  /**
42
41
  * Displays a clock icon when set to "true"
43
42
  */
44
- showIcon: propTypesExports.bool,
43
+ showIcon: PropTypes.bool,
45
44
  /**
46
45
  * Display format
47
46
  */
48
- format: propTypesExports.string,
47
+ format: PropTypes.string,
49
48
  /**
50
49
  * Display seconds when set to "true"
51
50
  */
52
- showSeconds: propTypesExports.bool,
51
+ showSeconds: PropTypes.bool,
53
52
  /**
54
53
  * Specifing this prop will make the Time atom a counter starting from "startDate"
55
54
  */
56
- startDate: propTypesExports.oneOfType([propTypesExports.instanceOf(dayjs), propTypesExports.instanceOf(Date), propTypesExports.string, propTypesExports.number])
55
+ startDate: PropTypes.oneOfType([PropTypes.instanceOf(dayjs), PropTypes.instanceOf(Date), PropTypes.string, PropTypes.number])
57
56
  };
58
57
  Time.defaultProps = {
59
58
  showIcon: false,