intelicoreact 1.3.22 → 1.3.24

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 (283) hide show
  1. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js +5 -8
  2. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.scss +9 -9
  3. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +6 -9
  4. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.scss +8 -10
  5. package/dist/Atomic/FormElements/Calendar/Calendar.js +31 -33
  6. package/dist/Atomic/FormElements/Calendar/Calendar.scss +23 -27
  7. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +4 -4
  8. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +16 -19
  9. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +1 -1
  10. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.scss +2 -2
  11. package/dist/Atomic/FormElements/Datepicker/Datepicker.js +53 -53
  12. package/dist/Atomic/FormElements/Datepicker/Datepicker.scss +0 -8
  13. package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +20 -20
  14. package/dist/Atomic/FormElements/Dropdown/Dropdown.js +81 -83
  15. package/dist/Atomic/FormElements/Dropdown/Dropdown.scss +141 -95
  16. package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -1
  17. package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.scss +3 -3
  18. package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +30 -28
  19. package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.scss +54 -18
  20. package/dist/Atomic/FormElements/FileLoader/FileLoader.js +4 -4
  21. package/dist/Atomic/FormElements/FileLoader/FileLoader.scss +31 -30
  22. package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +12 -12
  23. package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +3 -3
  24. package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +8 -8
  25. package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.scss +44 -29
  26. package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +17 -15
  27. package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +15 -15
  28. package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.scss +24 -21
  29. package/dist/Atomic/FormElements/Input/Input.js +43 -45
  30. package/dist/Atomic/FormElements/Input/Input.scss +18 -18
  31. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +19 -19
  32. package/dist/Atomic/FormElements/InputColor/InputColor.js +7 -9
  33. package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +12 -12
  34. package/dist/Atomic/FormElements/InputCurrency/InputCurrency.scss +9 -6
  35. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +42 -42
  36. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.scss +95 -95
  37. package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +10 -10
  38. package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +81 -81
  39. package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +14 -14
  40. package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +4 -4
  41. package/dist/Atomic/FormElements/InputDateRange/dependencies.js +54 -54
  42. package/dist/Atomic/FormElements/InputLink/InputLink.js +11 -13
  43. package/dist/Atomic/FormElements/InputLink/InputLink.scss +5 -5
  44. package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +2 -2
  45. package/dist/Atomic/FormElements/InputMask/InputMask.js +66 -67
  46. package/dist/Atomic/FormElements/InputMask/InputMask.scss +10 -10
  47. package/dist/Atomic/FormElements/InputMask/config.js +9 -9
  48. package/dist/Atomic/FormElements/InputMask/functions.js +8 -7
  49. package/dist/Atomic/FormElements/InputMask2/InputMask2.js +42 -42
  50. package/dist/Atomic/FormElements/InputMask2/InputMask2.scss +13 -12
  51. package/dist/Atomic/FormElements/InputMask2/config.js +9 -9
  52. package/dist/Atomic/FormElements/InputMask2/functions.js +8 -7
  53. package/dist/Atomic/FormElements/InputMask3/InputMask3.js +50 -50
  54. package/dist/Atomic/FormElements/InputMask3/InputMask3.scss +13 -12
  55. package/dist/Atomic/FormElements/InputMask3/config.js +9 -9
  56. package/dist/Atomic/FormElements/InputMask3/functions.js +8 -7
  57. package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +7 -9
  58. package/dist/Atomic/FormElements/InputWithAction/InputWithAction.scss +34 -31
  59. package/dist/Atomic/FormElements/InputsRow/InputsRow.js +23 -23
  60. package/dist/Atomic/FormElements/InputsRow/InputsRow.scss +4 -5
  61. package/dist/Atomic/FormElements/Label/Label.js +2 -2
  62. package/dist/Atomic/FormElements/Label/Label.scss +2 -2
  63. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +69 -69
  64. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.scss +8 -9
  65. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +2 -2
  66. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.scss +2 -2
  67. package/dist/Atomic/FormElements/NumericInput/NumericInput.js +27 -27
  68. package/dist/Atomic/FormElements/NumericInput/NumericInput.scss +18 -18
  69. package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +3 -3
  70. package/dist/Atomic/FormElements/RadioGroup/RadioGroup.scss +1 -0
  71. package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +6 -6
  72. package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.scss +1 -0
  73. package/dist/Atomic/FormElements/RadioInput/RadioInput.js +2 -2
  74. package/dist/Atomic/FormElements/RadioInput/RadioInput.scss +4 -8
  75. package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +7 -7
  76. package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.scss +26 -25
  77. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +24 -24
  78. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.scss +17 -19
  79. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +30 -30
  80. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.scss +5 -5
  81. package/dist/Atomic/FormElements/RangeList/RangeList.js +27 -27
  82. package/dist/Atomic/FormElements/RangeList/RangeList.scss +23 -23
  83. package/dist/Atomic/FormElements/RangeList/partial/AnyOuterClass.scss +5 -4
  84. package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +1 -1
  85. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +31 -31
  86. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.scss +19 -24
  87. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.stories.scss +7 -7
  88. package/dist/Atomic/FormElements/RangeSlider2/RangeSlider.stories.scss +8 -8
  89. package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +22 -22
  90. package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.scss +165 -91
  91. package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +1 -1
  92. package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.scss +2 -2
  93. package/dist/Atomic/FormElements/Switcher/Switcher.js +1 -1
  94. package/dist/Atomic/FormElements/Switcher/Switcher.scss +10 -12
  95. package/dist/Atomic/FormElements/Switcher/partial/AnyOuterClass.scss +2 -2
  96. package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +4 -6
  97. package/dist/Atomic/FormElements/SwitcherCheckbox/partial/AnyOuterClass.scss +2 -2
  98. package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +2 -2
  99. package/dist/Atomic/FormElements/SwitcherHide/partial/AnyOuterClass.scss +2 -2
  100. package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +4 -4
  101. package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.scss +1 -1
  102. package/dist/Atomic/FormElements/SwitcherRadio/partial/AnyOuterClass.scss +2 -2
  103. package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +5 -5
  104. package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +2 -2
  105. package/dist/Atomic/FormElements/SwitcherRangeList/partial/AnyOuterClass.scss +6 -6
  106. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +9 -9
  107. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.scss +2 -3
  108. package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/AnyOuterClass.scss +2 -2
  109. package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +100 -100
  110. package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +5 -5
  111. package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.scss +2 -3
  112. package/dist/Atomic/FormElements/SwitcherTextarea/partial/AnyOuterClass.scss +4 -4
  113. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +67 -68
  114. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss +103 -64
  115. package/dist/Atomic/FormElements/Text/Text.js +13 -13
  116. package/dist/Atomic/FormElements/Text/Text.scss +0 -1
  117. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +4 -4
  118. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.scss +15 -15
  119. package/dist/Atomic/FormElements/Textarea/Textarea.js +2 -2
  120. package/dist/Atomic/FormElements/Textarea/Textarea.scss +7 -8
  121. package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +3 -3
  122. package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.scss +5 -6
  123. package/dist/Atomic/FormElements/TimeRange/TimeRange.js +9 -9
  124. package/dist/Atomic/FormElements/TimeRange/TimeRange.scss +1 -1
  125. package/dist/Atomic/FormElements/UserContacts/UserContacts.js +36 -37
  126. package/dist/Atomic/FormElements/UserContacts/partial/AnyOuterClass.scss +5 -6
  127. package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +3 -3
  128. package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.scss +77 -59
  129. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +3 -3
  130. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.scss +9 -10
  131. package/dist/Atomic/FormElements/WidgetPseudoTable/partial/AnyOuterClass.scss +16 -14
  132. package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +18 -18
  133. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +6 -6
  134. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.scss +9 -10
  135. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/AnyOuterClass.scss +16 -14
  136. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +14 -14
  137. package/dist/Atomic/Layout/Header/Header.js +11 -11
  138. package/dist/Atomic/Layout/Header/Header.scss +9 -10
  139. package/dist/Atomic/Layout/MainMenu/MainMenu.js +17 -18
  140. package/dist/Atomic/Layout/MainMenu/MainMenu.scss +14 -17
  141. package/dist/Atomic/Layout/Spinner/Spinner.js +4 -4
  142. package/dist/Atomic/Layout/Spinner/Spinner.scss +3 -3
  143. package/dist/Atomic/UI/Accordion/Accordion.js +7 -7
  144. package/dist/Atomic/UI/Accordion/Accordion.scss +11 -11
  145. package/dist/Atomic/UI/Accordion/AccordionItem.js +12 -12
  146. package/dist/Atomic/UI/AccordionTable/AccordionTable.js +22 -23
  147. package/dist/Atomic/UI/AccordionTable/AccordionTable.scss +33 -38
  148. package/dist/Atomic/UI/AccordionText/AccordionText.js +3 -3
  149. package/dist/Atomic/UI/AccordionText/AccordionText.scss +18 -10
  150. package/dist/Atomic/UI/AdvancedTag/AdvTag.js +31 -32
  151. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +5 -5
  152. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.scss +19 -18
  153. package/dist/Atomic/UI/Alert/Alert.js +5 -5
  154. package/dist/Atomic/UI/Alert/Alert.scss +21 -21
  155. package/dist/Atomic/UI/Arrow/Arrow.js +5 -5
  156. package/dist/Atomic/UI/Box/Box.js +10 -10
  157. package/dist/Atomic/UI/Box/Box.scss +2 -4
  158. package/dist/Atomic/UI/Button/Button.js +9 -9
  159. package/dist/Atomic/UI/Button/Button.scss +34 -34
  160. package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +4 -4
  161. package/dist/Atomic/UI/ButtonsBar/ButtonsBar.scss +1 -1
  162. package/dist/Atomic/UI/Chart/Chart.js +16 -16
  163. package/dist/Atomic/UI/Chart/Chart.scss +4 -4
  164. package/dist/Atomic/UI/Chart/partial/AnyOuterClass.scss +10 -14
  165. package/dist/Atomic/UI/Chart/partial/Chart.constants.js +30 -30
  166. package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +3 -3
  167. package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.scss +1 -1
  168. package/dist/Atomic/UI/Chart/partial/datasetSetters.js +15 -15
  169. package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +28 -28
  170. package/dist/Atomic/UI/Chart/partial/optionsSetters.js +2 -2
  171. package/dist/Atomic/UI/Chart/partial/utils.js +4 -4
  172. package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +9 -9
  173. package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.scss +7 -9
  174. package/dist/Atomic/UI/DateTime/DateTime.js +6 -6
  175. package/dist/Atomic/UI/DateTime/DateTime.scss +1 -1
  176. package/dist/Atomic/UI/DateTime/partial/AnyOuterClass.scss +2 -2
  177. package/dist/Atomic/UI/DebugContainer/DebugContainer.js +4 -4
  178. package/dist/Atomic/UI/DebugContainer/DebugContainer.scss +15 -9
  179. package/dist/Atomic/UI/DoubleString/DoubleString.js +6 -6
  180. package/dist/Atomic/UI/DoubleString/DoubleString.scss +11 -5
  181. package/dist/Atomic/UI/DoubleString/partial/AnyOuterClass.scss +4 -4
  182. package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +1 -1
  183. package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +48 -48
  184. package/dist/Atomic/UI/ExampleChartIntegration/partial/AnyOuterClass.scss +10 -15
  185. package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +18 -18
  186. package/dist/Atomic/UI/Hint/Hint.js +40 -41
  187. package/dist/Atomic/UI/Hint/Hint.scss +12 -11
  188. package/dist/Atomic/UI/Modal/Modal.js +28 -36
  189. package/dist/Atomic/UI/Modal/Modal.scss +42 -43
  190. package/dist/Atomic/UI/Modal/ModalHOC.js +2 -5
  191. package/dist/Atomic/UI/Modal/ModalMobile.scss +18 -11
  192. package/dist/Atomic/UI/Modal/partials/ModalFooter.js +2 -2
  193. package/dist/Atomic/UI/Modal/partials/ModalTitle.js +6 -6
  194. package/dist/Atomic/UI/Modal/partials/useMobileModal.js +8 -8
  195. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +1 -1
  196. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.scss +5 -5
  197. package/dist/Atomic/UI/MonoAccordion/partial/AnyOuterClass.scss +4 -5
  198. package/dist/Atomic/UI/NavLine/NavLine.js +26 -26
  199. package/dist/Atomic/UI/NavLine/NavLine.scss +34 -36
  200. package/dist/Atomic/UI/NavLine/Tabs.js +38 -38
  201. package/dist/Atomic/UI/PageTitle/PageTitle.js +1 -1
  202. package/dist/Atomic/UI/PageTitle/PageTitle.scss +7 -7
  203. package/dist/Atomic/UI/PieChart/PieChart.js +4 -4
  204. package/dist/Atomic/UI/PieChart/PieChart.scss +21 -10
  205. package/dist/Atomic/UI/Price/Price.js +2 -2
  206. package/dist/Atomic/UI/PriceRange/PriceRange.js +2 -2
  207. package/dist/Atomic/UI/ProgressLine/ProgressLine.js +10 -10
  208. package/dist/Atomic/UI/ProgressLine/ProgressLine.scss +36 -40
  209. package/dist/Atomic/UI/Status/Status.js +6 -6
  210. package/dist/Atomic/UI/Status/Status.scss +19 -19
  211. package/dist/Atomic/UI/Table/Partials/TdCell.js +11 -11
  212. package/dist/Atomic/UI/Table/Partials/TdHeader.js +3 -3
  213. package/dist/Atomic/UI/Table/Partials/TdRow.js +6 -6
  214. package/dist/Atomic/UI/Table/Partials/TdTitle.js +1 -1
  215. package/dist/Atomic/UI/Table/Table.js +3 -3
  216. package/dist/Atomic/UI/Table/Table.scss +11 -13
  217. package/dist/Atomic/UI/Table/TdTypes/TdActions.js +8 -8
  218. package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +2 -2
  219. package/dist/Atomic/UI/Table/TdTypes/TdRange.js +1 -3
  220. package/dist/Atomic/UI/Table/TdTypes/TdTypes.scss +9 -8
  221. package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +10 -13
  222. package/dist/Atomic/UI/Tag/Tag.js +6 -6
  223. package/dist/Atomic/UI/Tag/Tag.scss +12 -11
  224. package/dist/Atomic/UI/TagList/TagList.js +8 -8
  225. package/dist/Atomic/UI/TagList/TagList.scss +1 -1
  226. package/dist/Atomic/UI/UserBox/UserBox.js +5 -5
  227. package/dist/Atomic/UI/UserBox/UserBox.scss +9 -9
  228. package/dist/Classes/AbortableFetch.js +35 -35
  229. package/dist/Classes/AnimatedHandler.js +3 -3
  230. package/dist/Classes/RESTAPI/index.js +9 -9
  231. package/dist/Classes/RESTAPI/partials/AbortableFetch.js +37 -37
  232. package/dist/Classes/RESTAPI/partials/ApiBase.js +7 -7
  233. package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +4 -4
  234. package/dist/Classes/RESTAPI/partials/ApiUtils.js +4 -4
  235. package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +31 -31
  236. package/dist/Classes/RESTAPI/partials/Utils.js +15 -15
  237. package/dist/Classes/RESTAPI/partials/_utils.js +14 -14
  238. package/dist/Constants/index.constants.js +10 -10
  239. package/dist/Functions/Portal.js +1 -1
  240. package/dist/Functions/customEventListener.js +5 -5
  241. package/dist/Functions/fieldValueFormatters.js +66 -82
  242. package/dist/Functions/hooks/useFormFieldsChangesManager.js +4 -4
  243. package/dist/Functions/locale/createTranslator.js +4 -15
  244. package/dist/Functions/operations.js +14 -14
  245. package/dist/Functions/presets/inputMaskPresets.js +34 -34
  246. package/dist/Functions/presets/inputPresets.js +3 -3
  247. package/dist/Functions/presets/mobileKeyboardTypesPresets.js +2 -2
  248. package/dist/Functions/schemas.js +8 -8
  249. package/dist/Functions/useBodyScrollLock.js +20 -0
  250. package/dist/Functions/useClickOutside.js +2 -2
  251. package/dist/Functions/useFieldFocus.js +3 -7
  252. package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +1 -1
  253. package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +11 -11
  254. package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +1 -1
  255. package/dist/Functions/useFormTools/functions/General.js +9 -9
  256. package/dist/Functions/useFormTools/functions/RenderFields.js +6 -6
  257. package/dist/Functions/useFormTools/index.js +18 -20
  258. package/dist/Functions/useInputHighlightError.js +5 -5
  259. package/dist/Functions/useKeyPress/useHandleKeyPress.js +44 -0
  260. package/dist/Functions/useKeyPress/useKeyPress.js +38 -0
  261. package/dist/Functions/useLocalStorage.js +2 -13
  262. package/dist/Functions/useLocationParams.js +2 -2
  263. package/dist/Functions/useMetaInfo.js +7 -7
  264. package/dist/Functions/useMouseUpOutside.js +2 -2
  265. package/dist/Functions/useOnlineStatus.js +5 -14
  266. package/dist/Functions/usePasswordChecker.js +26 -26
  267. package/dist/Functions/usePrevious.js +0 -12
  268. package/dist/Functions/useResize.js +6 -24
  269. package/dist/Functions/useScrollTo.js +1 -1
  270. package/dist/Functions/useToggle.js +1 -1
  271. package/dist/Functions/utils.js +64 -143
  272. package/dist/Molecular/FormElement/FormElement.js +1 -1
  273. package/dist/Molecular/FormElement/FormElement.scss +4 -3
  274. package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +14 -14
  275. package/dist/Molecular/FormWithDependOn/partials/_utils.js +2 -2
  276. package/dist/Molecular/InputAddress/InputAddress.js +47 -46
  277. package/dist/Molecular/InputAddress/InputAddress.scss +176 -112
  278. package/dist/Molecular/InputPassword/InputPassword.js +11 -15
  279. package/dist/Molecular/InputPassword/InputPassword.scss +8 -7
  280. package/dist/scss/_fonts.scss +60 -36
  281. package/dist/scss/_vars.scss +18 -18
  282. package/dist/scss/main.scss +4 -4
  283. package/package.json +1 -1
@@ -8,10 +8,10 @@ exports.default = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
- var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
12
11
  var _RadioInput = _interopRequireDefault(require("../RadioInput/RadioInput"));
12
+ var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
13
13
  require("./SwitcherRadio.scss");
14
- const RC = 'switcher-radio';
14
+ const RC = "switcher-radio";
15
15
  const SwitcherRadio = _ref => {
16
16
  var _options$;
17
17
  let {
@@ -28,9 +28,9 @@ const SwitcherRadio = _ref => {
28
28
  onChange = () => {},
29
29
  isActive = true,
30
30
  setIsActive = () => {},
31
- testId = ''
31
+ testId = ""
32
32
  } = _ref;
33
- const safelyValue = value || (options === null || options === void 0 || (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || '';
33
+ const safelyValue = value || (options === null || options === void 0 || (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || "";
34
34
  const renderRadioGroup = () => {
35
35
  return /*#__PURE__*/_react.default.createElement("div", {
36
36
  className: (0, _classnames.default)("".concat(RC, "__wrap"), {
@@ -14,8 +14,8 @@
14
14
  }
15
15
 
16
16
  &_row {
17
- align-items: center;
18
17
  flex-wrap: wrap;
18
+ align-items: center;
19
19
  }
20
20
 
21
21
  &_col {
@@ -1,7 +1,7 @@
1
1
  .any-outer-class__switcher-radio {
2
- color: #1E1E2D;
3
-
4
2
  font-size: 12px;
5
3
  font-style: normal;
6
4
  line-height: 20px;
5
+
6
+ color: #1e1e2d;
7
7
  }
@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _classnames = _interopRequireDefault(require("classnames"));
10
- var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
11
10
  var _Input = _interopRequireDefault(require("../Input/Input"));
12
11
  var _RangeInputs = _interopRequireDefault(require("../RangeInputs/RangeInputs"));
12
+ var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
13
13
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
14
14
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
- const RC = 'switcher-range';
15
+ const RC = "switcher-range";
16
16
  const SwitcherRange = _ref => {
17
17
  let {
18
18
  label,
@@ -28,12 +28,12 @@ const SwitcherRange = _ref => {
28
28
  isPrice,
29
29
  inputsType
30
30
  } = _ref;
31
- const [error, setError] = (0, _react.useState)('');
31
+ const [error, setError] = (0, _react.useState)("");
32
32
  const rangeValidation = () => {
33
33
  if (inputFrom && inputTo && inputFrom > inputTo) {
34
- setError('Invalid range');
34
+ setError("Invalid range");
35
35
  } else {
36
- setError('');
36
+ setError("");
37
37
  }
38
38
  };
39
39
  return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, {
@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _classnames = _interopRequireDefault(require("classnames"));
10
- var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
11
10
  var _RangeList = _interopRequireDefault(require("../RangeList/RangeList"));
11
+ var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
12
12
  require("./SwitcherRangeList.scss");
13
- const RC = 'switcher-range-list';
13
+ const RC = "switcher-range-list";
14
14
  const SwitcherRangeList = props => {
15
15
  const {
16
16
  className,
@@ -2,22 +2,22 @@
2
2
 
3
3
  .any-outer-class__switcher-range-list {
4
4
  .switcher {
5
- color: #1E1E2D;
6
-
7
5
  font-size: 12px;
8
6
  font-style: normal;
9
7
  line-height: 20px;
8
+
9
+ color: #1e1e2d;
10
10
  }
11
11
 
12
12
  .switcher-range-list__range-list {
13
- --border-color: #F4F7F9;
13
+ --border-color: #f4f7f9;
14
14
  --labels-font-size: 12px;
15
15
  --inputs-font-size: 13px;
16
16
  --values-font-size: 13px;
17
17
  --button-text-font-size: 13px;
18
- --labels-color: #1E1E2D;
19
- --inputs-color: #1E1E2D;
20
- --values-color: #1E1E2D;
18
+ --labels-color: #1e1e2d;
19
+ --inputs-color: #1e1e2d;
20
+ --values-color: #1e1e2d;
21
21
  // font-family: 'Palette Mosaic', 'cursive';
22
22
 
23
23
  font-family: Roboto, sans-serif;
@@ -7,15 +7,15 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _classnames = _interopRequireDefault(require("classnames"));
10
+ var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
10
11
  var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
11
- var _TextSwitcher = _interopRequireDefault(require("../TextSwitcher/TextSwitcher"));
12
12
  var _TagsDropdown = _interopRequireDefault(require("../TagsDropdown/TagsDropdown"));
13
+ var _TextSwitcher = _interopRequireDefault(require("../TextSwitcher/TextSwitcher"));
13
14
  var _Textarea = _interopRequireDefault(require("../Textarea/Textarea"));
14
- var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
15
15
  require("./SwitcherTagsDropdown.scss");
16
16
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
17
17
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
- const RC = 'switcher-tags-dropdown';
18
+ const RC = "switcher-tags-dropdown";
19
19
  const SwitcherTagsDropdown = _ref => {
20
20
  let {
21
21
  className,
@@ -48,9 +48,9 @@ const SwitcherTagsDropdown = _ref => {
48
48
  if (isValuesInTags) return (chosenOption === itemValue || chosenOption === itemLabel) && !item.disabled;else if (isAdvancedLabelSearch) return (chosenOption === itemLabel || chosenOption === itemValue || isChosenOptionIncludedInLabel) && !item.disabled;else return (chosenOption === itemLabel || chosenOption === itemValue) && !item.disabled;
49
49
  });
50
50
  };
51
- const textToArray = textValue === null || textValue === void 0 || (_textValue$split = textValue.split) === null || _textValue$split === void 0 ? void 0 : _textValue$split.call(textValue, ',').map(item => item.toString().trim()).filter(item => !!item);
51
+ const textToArray = textValue === null || textValue === void 0 || (_textValue$split = textValue.split) === null || _textValue$split === void 0 ? void 0 : _textValue$split.call(textValue, ",").map(item => item.toString().trim()).filter(item => Boolean(item));
52
52
  const newOptions = options.filter(getFilterFunction(textToArray)).map(option => option.value);
53
- onChange(newOptions, 'chosenOptions');
53
+ onChange(newOptions, "chosenOptions");
54
54
  setListView(false);
55
55
  };
56
56
  const enterHandler = (e, value) => {
@@ -63,13 +63,13 @@ const SwitcherTagsDropdown = _ref => {
63
63
  var _item$title2, _option$title;
64
64
  return (item === null || item === void 0 || (_item$title2 = item.title) === null || _item$title2 === void 0 ? void 0 : _item$title2.toLowerCase()) === (option === null || option === void 0 || (_option$title = option.title) === null || _option$title === void 0 ? void 0 : _option$title.toLowerCase());
65
65
  });
66
- if (option && !isOptionChecked) onChange([...chosenOptions, option], 'chosenOptions');
66
+ if (option && !isOptionChecked) onChange([...chosenOptions, option], "chosenOptions");
67
67
  }
68
68
  };
69
69
  (0, _react.useEffect)(() => {
70
70
  const getLabel = el => el.title || el.label || el.name || el.value;
71
71
  const valuesArr = chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.map(item => isValuesInTags ? item : getLabel(singleLevelOptions.find(option => option.value === item)));
72
- setTextValue(valuesArr.join(', '));
72
+ setTextValue(valuesArr.join(", "));
73
73
  }, [chosenOptions, listView]);
74
74
  return /*#__PURE__*/_react.default.createElement(_SwitcherHide.default, {
75
75
  isActive: isActive,
@@ -91,12 +91,12 @@ const SwitcherTagsDropdown = _ref => {
91
91
  }, /*#__PURE__*/_react.default.createElement("button", {
92
92
  onClick: () => setListView(!listView),
93
93
  className: "".concat(RC, "__btn")
94
- }, listView ? 'Close' : 'List view'), listView && /*#__PURE__*/_react.default.createElement(_Button.default, {
94
+ }, listView ? "Close" : "List view"), listView && /*#__PURE__*/_react.default.createElement(_Button.default, {
95
95
  label: "Apply",
96
96
  className: "".concat(RC, "__apply"),
97
97
  onClick: () => apply()
98
98
  }), /*#__PURE__*/_react.default.createElement("button", {
99
- onClick: () => onChange([], 'chosenOptions'),
99
+ onClick: () => onChange([], "chosenOptions"),
100
100
  className: "".concat(RC, "__btn")
101
101
  }, "Clear"))), listView ? /*#__PURE__*/_react.default.createElement(_Textarea.default, {
102
102
  value: textValue,
@@ -5,18 +5,17 @@
5
5
 
6
6
  &__wrap {
7
7
  display: flex;
8
- align-items: center;
9
8
  flex-wrap: wrap;
10
9
  justify-content: space-between;
10
+ align-items: center;
11
11
  }
12
12
 
13
13
  &__btn {
14
+ font-size: 12px;
14
15
  cursor: pointer;
15
16
 
16
17
  color: $color--primary;
17
18
 
18
- font-size: 12px;
19
-
20
19
  &:not(:last-child) {
21
20
  margin-right: 8px;
22
21
  }
@@ -1,10 +1,10 @@
1
1
  .any-outer-class__switcher-tags-dropdown {
2
- color: #1E1E2D;
3
-
4
2
  font-size: 12px;
5
3
  font-style: normal;
6
4
  line-height: 20px;
7
5
 
6
+ color: #1e1e2d;
7
+
8
8
  .text-switcher {
9
9
  height: 20px;
10
10
 
@@ -5,153 +5,153 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _default = exports.default = [{
8
- value: 'AL',
9
- label: 'Alabama (AL)'
8
+ value: "AL",
9
+ label: "Alabama (AL)"
10
10
  }, {
11
- value: 'AK',
12
- label: 'Alaska (AK)'
11
+ value: "AK",
12
+ label: "Alaska (AK)"
13
13
  }, {
14
- value: 'AZ',
15
- label: 'Arizona (AZ)'
14
+ value: "AZ",
15
+ label: "Arizona (AZ)"
16
16
  }, {
17
- value: 'AR',
18
- label: 'Arkansas (AR)'
17
+ value: "AR",
18
+ label: "Arkansas (AR)"
19
19
  }, {
20
- value: 'CA',
21
- label: 'California (CA)'
20
+ value: "CA",
21
+ label: "California (CA)"
22
22
  }, {
23
- value: 'CO',
24
- label: 'Colorado (CO)'
23
+ value: "CO",
24
+ label: "Colorado (CO)"
25
25
  }, {
26
- value: 'CT',
27
- label: 'Connecticut (CT)'
26
+ value: "CT",
27
+ label: "Connecticut (CT)"
28
28
  }, {
29
- value: 'DE',
30
- label: 'Delaware (DE)'
29
+ value: "DE",
30
+ label: "Delaware (DE)"
31
31
  }, {
32
- value: 'FL',
33
- label: 'Florida (FL)'
32
+ value: "FL",
33
+ label: "Florida (FL)"
34
34
  }, {
35
- value: 'GA',
36
- label: 'Georgia (GA)'
35
+ value: "GA",
36
+ label: "Georgia (GA)"
37
37
  }, {
38
- value: 'HI',
39
- label: 'Hawaii (HI)'
38
+ value: "HI",
39
+ label: "Hawaii (HI)"
40
40
  }, {
41
- value: 'ID',
42
- label: 'Idaho (ID)'
41
+ value: "ID",
42
+ label: "Idaho (ID)"
43
43
  }, {
44
- value: 'IL',
45
- label: 'Illinois (IL)'
44
+ value: "IL",
45
+ label: "Illinois (IL)"
46
46
  }, {
47
- value: 'IN',
48
- label: 'Indiana (IN)'
47
+ value: "IN",
48
+ label: "Indiana (IN)"
49
49
  }, {
50
- value: 'IA',
51
- label: 'Iowa (IA)'
50
+ value: "IA",
51
+ label: "Iowa (IA)"
52
52
  }, {
53
- value: 'KS',
54
- label: 'Kansas (KS)'
53
+ value: "KS",
54
+ label: "Kansas (KS)"
55
55
  }, {
56
- value: 'KY',
57
- label: 'Kentucky (KY)'
56
+ value: "KY",
57
+ label: "Kentucky (KY)"
58
58
  }, {
59
- value: 'LA',
60
- label: 'Louisiana (LA)'
59
+ value: "LA",
60
+ label: "Louisiana (LA)"
61
61
  }, {
62
- value: 'ME',
63
- label: 'Maine (ME)'
62
+ value: "ME",
63
+ label: "Maine (ME)"
64
64
  }, {
65
- value: 'MD',
66
- label: 'Maryland (MD)'
65
+ value: "MD",
66
+ label: "Maryland (MD)"
67
67
  }, {
68
- value: 'MA',
69
- label: 'Massachusetts (MA)'
68
+ value: "MA",
69
+ label: "Massachusetts (MA)"
70
70
  }, {
71
- value: 'MI',
72
- label: 'Michigan (MI)'
71
+ value: "MI",
72
+ label: "Michigan (MI)"
73
73
  }, {
74
- value: 'MN',
75
- label: 'Minnesota (MN)'
74
+ value: "MN",
75
+ label: "Minnesota (MN)"
76
76
  }, {
77
- value: 'MS',
78
- label: 'Mississippi (MS)'
77
+ value: "MS",
78
+ label: "Mississippi (MS)"
79
79
  }, {
80
- value: 'MO',
81
- label: 'Missouri (MO)'
80
+ value: "MO",
81
+ label: "Missouri (MO)"
82
82
  }, {
83
- value: 'MT',
84
- label: 'Montana (MT)'
83
+ value: "MT",
84
+ label: "Montana (MT)"
85
85
  }, {
86
- value: 'NE',
87
- label: 'Nebraska (NE)'
86
+ value: "NE",
87
+ label: "Nebraska (NE)"
88
88
  }, {
89
- value: 'NV',
90
- label: 'Nevada (NV)'
89
+ value: "NV",
90
+ label: "Nevada (NV)"
91
91
  }, {
92
- value: 'NH',
93
- label: 'New Hampshire (NH)'
92
+ value: "NH",
93
+ label: "New Hampshire (NH)"
94
94
  }, {
95
- value: 'NJ',
96
- label: 'New Jersey (NJ)'
95
+ value: "NJ",
96
+ label: "New Jersey (NJ)"
97
97
  }, {
98
- value: 'NM',
99
- label: 'New Mexico (NM)'
98
+ value: "NM",
99
+ label: "New Mexico (NM)"
100
100
  }, {
101
- value: 'NY',
102
- label: 'New York (NY)'
101
+ value: "NY",
102
+ label: "New York (NY)"
103
103
  }, {
104
- value: 'NC',
105
- label: 'North Carolina (NC)'
104
+ value: "NC",
105
+ label: "North Carolina (NC)"
106
106
  }, {
107
- value: 'ND',
108
- label: 'North Dakota (ND)'
107
+ value: "ND",
108
+ label: "North Dakota (ND)"
109
109
  }, {
110
- value: 'OH',
111
- label: 'Ohio (OH)'
110
+ value: "OH",
111
+ label: "Ohio (OH)"
112
112
  }, {
113
- value: 'OK',
114
- label: 'Oklahoma (OK)'
113
+ value: "OK",
114
+ label: "Oklahoma (OK)"
115
115
  }, {
116
- value: 'OR',
117
- label: 'Oregon (OR)'
116
+ value: "OR",
117
+ label: "Oregon (OR)"
118
118
  }, {
119
- value: 'PA',
120
- label: 'Pennsylvania (PA)'
119
+ value: "PA",
120
+ label: "Pennsylvania (PA)"
121
121
  }, {
122
- value: 'RI',
123
- label: 'RhodeIsland (RI)'
122
+ value: "RI",
123
+ label: "RhodeIsland (RI)"
124
124
  }, {
125
- value: 'SC',
126
- label: 'South Carolina (SC)'
125
+ value: "SC",
126
+ label: "South Carolina (SC)"
127
127
  }, {
128
- value: 'SD',
129
- label: 'South Dakota (SD)'
128
+ value: "SD",
129
+ label: "South Dakota (SD)"
130
130
  }, {
131
- value: 'TN',
132
- label: 'Tennessee (TN)'
131
+ value: "TN",
132
+ label: "Tennessee (TN)"
133
133
  }, {
134
- value: 'TX',
135
- label: 'Texas (TX)'
134
+ value: "TX",
135
+ label: "Texas (TX)"
136
136
  }, {
137
- value: 'UT',
138
- label: 'Utah (UT)'
137
+ value: "UT",
138
+ label: "Utah (UT)"
139
139
  }, {
140
- value: 'VT',
141
- label: 'Vermont (VT)'
140
+ value: "VT",
141
+ label: "Vermont (VT)"
142
142
  }, {
143
- value: 'VA',
144
- label: 'Virginia (VA)'
143
+ value: "VA",
144
+ label: "Virginia (VA)"
145
145
  }, {
146
- value: 'WA',
147
- label: 'Washington (WA)'
146
+ value: "WA",
147
+ label: "Washington (WA)"
148
148
  }, {
149
- value: 'WV',
150
- label: 'West Virginia (WV)'
149
+ value: "WV",
150
+ label: "West Virginia (WV)"
151
151
  }, {
152
- value: 'WI',
153
- label: 'Wisconsin (WI)'
152
+ value: "WI",
153
+ label: "Wisconsin (WI)"
154
154
  }, {
155
- value: 'WY',
156
- label: 'Wyoming (WY)'
155
+ value: "WY",
156
+ label: "Wyoming (WY)"
157
157
  }];
@@ -11,7 +11,7 @@ var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide
11
11
  var _TextSwitcher = _interopRequireDefault(require("../TextSwitcher/TextSwitcher"));
12
12
  var _Textarea = _interopRequireDefault(require("../Textarea/Textarea"));
13
13
  require("./SwitcherTextarea.scss");
14
- const RC = 'switcher-textarea';
14
+ const RC = "switcher-textarea";
15
15
  const SwitcherTextarea = _ref => {
16
16
  let {
17
17
  label,
@@ -22,10 +22,10 @@ const SwitcherTextarea = _ref => {
22
22
  setIsActive = () => {},
23
23
  isIncluded = true,
24
24
  setIsIncluded = () => {},
25
- text = '',
25
+ text = "",
26
26
  setText = () => {},
27
- activeText = 'is',
28
- inactiveText = 'is not',
27
+ activeText = "is",
28
+ inactiveText = "is not",
29
29
  placeholder,
30
30
  disabled,
31
31
  testId
@@ -49,7 +49,7 @@ const SwitcherTextarea = _ref => {
49
49
  onChange: value => setIsIncluded(value),
50
50
  className: "".concat(RC, "__text-switcher")
51
51
  }), /*#__PURE__*/_react.default.createElement("button", {
52
- onClick: () => setText(''),
52
+ onClick: () => setText(""),
53
53
  className: "".concat(RC, "__btn")
54
54
  }, "Clear")), /*#__PURE__*/_react.default.createElement(_Textarea.default, {
55
55
  testId: testId,
@@ -3,9 +3,9 @@
3
3
  .switcher-textarea {
4
4
  &__wrap {
5
5
  display: flex;
6
- align-items: center;
7
6
  flex-wrap: wrap;
8
7
  justify-content: space-between;
8
+ align-items: center;
9
9
  }
10
10
 
11
11
  &__text-switcher {
@@ -13,12 +13,11 @@
13
13
  }
14
14
 
15
15
  &__btn {
16
+ font-size: 12px;
16
17
  cursor: pointer;
17
18
 
18
19
  color: $color--primary;
19
20
 
20
- font-size: 12px;
21
-
22
21
  &:not(:last-child) {
23
22
  margin-right: 8px;
24
23
  }
@@ -1,19 +1,19 @@
1
1
  .any-outer-class__switcher-textarea {
2
- color: #1E1E2D;
3
-
4
2
  font-size: 12px;
5
3
  font-style: normal;
6
4
  line-height: 20px;
7
5
 
6
+ color: #1e1e2d;
7
+
8
8
  .text-switcher {
9
9
  font-size: 10px;
10
10
  }
11
11
 
12
12
  .textarea__textarea {
13
- border-radius: 6px;
14
-
15
13
  font-size: 13px;
16
14
 
15
+ border-radius: 6px;
16
+
17
17
  &::placeholder {
18
18
  color: dodgerblue;
19
19
  }