@semcore/time-picker 3.0.33 → 3.0.35

package/CHANGELOG.md

@@ -2,53 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [3.0.33] - 2022-09-29
+## [3.0.35] - 2022-10-06
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/select` [3.1.2 ~> 3.1.3]).
-
-## [3.0.32] - 2022-09-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [3.1.1 ~> 3.1.2]).
-
-## [3.0.31] - 2022-09-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [3.1.0 ~> 3.1.1]).
-
-## [3.0.30] - 2022-09-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [3.0.25 ~> 3.1.0]).
-
-## [3.0.29] - 2022-09-20
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/button` [4.0.16 ~> 4.0.17], `@semcore/select` [3.0.24 ~> 3.0.25]).
-
-## [3.0.28] - 2022-08-30
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.37.0 ~> 3.37.1], `@semcore/flex-box` [4.5.10 ~> 4.5.11], `@semcore/button` [4.0.15 ~> 4.0.16], `@semcore/input` [3.0.14 ~> 3.0.15], `@semcore/select` [3.0.23 ~> 3.0.24]).
-
-## [3.0.27] - 2022-08-30
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/button` [4.0.14 ~> 4.0.15]).
-
-## [3.0.26] - 2022-08-25
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/button` [4.0.13 ~> 4.0.14]).
+- Version patch update due to children dependencies update (`@semcore/select` [3.1.5 ~> 3.1.6]).
 
 ## [3.0.25] - 2022-08-23
 
@@ -62,96 +20,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/button` [4.0.12 ~> 4.0.13]).
 
-## [3.0.23] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [3.0.21 ~> 3.0.22]).
-
-## [3.0.22] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [3.0.20 ~> 3.0.21]).
-
-## [3.0.21] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.36.0 ~> 3.37.0], `@semcore/flex-box` [4.5.9 ~> 4.5.10], `@semcore/button` [4.0.11 ~> 4.0.12], `@semcore/input` [3.0.12 ~> 3.0.13], `@semcore/select` [3.0.19 ~> 3.0.20]).
-
-## [3.0.20] - 2022-08-11
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.35.1 ~> 3.36.0], `@semcore/flex-box` [4.5.8 ~> 4.5.9], `@semcore/button` [4.0.10 ~> 4.0.11], `@semcore/input` [3.0.11 ~> 3.0.12], `@semcore/select` [3.0.18 ~> 3.0.19]).
-
-## [3.0.19] - 2022-07-25
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [3.0.16 ~> 3.0.17]).
-
-## [3.0.18] - 2022-07-25
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/input` [3.0.9 ~> 3.0.10], `@semcore/select` [3.0.15 ~> 3.0.16]).
-
-## [3.0.17] - 2022-07-22
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.34.0 ~> 3.35.0], `@semcore/flex-box` [4.5.6 ~> 4.5.7], `@semcore/button` [4.0.8 ~> 4.0.9], `@semcore/input` [3.0.8 ~> 3.0.9], `@semcore/select` [3.0.14 ~> 3.0.15]).
-
-## [3.0.16] - 2022-07-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [3.0.13 ~> 3.0.14]).
-
-## [3.0.15] - 2022-07-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [3.0.12 ~> 3.0.13]).
-
-## [3.0.14] - 2022-07-14
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/input` [3.0.7 ~> 3.0.8], `@semcore/select` [3.0.11 ~> 3.0.12]).
-
-## [3.0.13] - 2022-07-14
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/button` [4.0.7 ~> 4.0.8], `@semcore/input` [3.0.6 ~> 3.0.7], `@semcore/select` [3.0.10 ~> 3.0.11]).
-
-## [3.0.12] - 2022-07-13
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [3.0.9 ~> 3.0.10]).
-
-## [3.0.11] - 2022-06-02
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.2 ~> 3.33.0], `@semcore/flex-box` [4.5.4 ~> 4.5.5], `@semcore/button` [4.0.5 ~> 4.0.6], `@semcore/input` [3.0.4 ~> 3.0.5], `@semcore/select` [3.0.7 ~> 3.0.8]).
-
-## [3.0.10] - 2022-05-31
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.1 ~> 3.32.2], `@semcore/flex-box` [4.5.3 ~> 4.5.4], `@semcore/button` [4.0.4 ~> 4.0.5], `@semcore/input` [3.0.3 ~> 3.0.4], `@semcore/select` [3.0.6 ~> 3.0.7]).
-
-## [3.0.9] - 2022-05-31
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [3.0.5 ~> 3.0.6]).
-
 ## [3.0.8] - 2022-05-30
 
 ### Fixed
@@ -164,30 +32,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/button` [4.0.3 ~> 4.0.4]).
 
-## [3.0.6] - 2022-05-23
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/input` [3.0.2 ~> 3.0.3], `@semcore/select` [3.0.4 ~> 3.0.5]).
-
-## [3.0.5] - 2022-05-23
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/button` [4.0.2 ~> 4.0.3]).
-
-## [3.0.4] - 2022-05-19
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [3.0.3 ~> 3.0.4]).
-
-## [3.0.3] - 2022-05-19
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.0 ~> 3.32.1], `@semcore/flex-box` [4.5.1 ~> 4.5.3], `@semcore/button` [4.0.1 ~> 4.0.2], `@semcore/input` [3.0.1 ~> 3.0.2], `@semcore/select` [3.0.2 ~> 3.0.3]).
-
 ## [3.0.2] - 2022-05-19
 
 ### Fixed
@@ -212,48 +56,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/select` [2.7.11 ~> 2.7.12]).
 
-## [2.4.15] - 2022-04-28
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [2.7.10 ~> 2.7.11]).
-
-## [2.4.14] - 2022-04-25
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [2.7.9 ~> 2.7.10]).
-
-## [2.4.13] - 2022-04-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [2.7.8 ~> 2.7.9]).
-
-## [2.4.12] - 2022-03-21
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [2.7.7 ~> 2.7.8]).
-
-## [2.4.11] - 2022-03-14
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.31.2 ~> 3.31.2], `@semcore/flex-box` [4.5.0 ~> 4.5.1], `@semcore/button` [3.3.6 ~> 3.3.7], `@semcore/input` [2.2.4 ~> 2.2.5], `@semcore/select` [2.7.6 ~> 2.7.7]).
-
-## [2.4.10] - 2022-03-10
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [2.7.5 ~> 2.7.6]).
-
-## [2.4.9] - 2022-03-05
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/select` [2.7.4 ~> 2.7.5]).
-
 ## [2.4.6] - 2022-02-24
 
 ### Added

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright ©, 2022, Semrush Inc. (written by Roman Lysov, Sergey Kobets, Mikhail Karachev, Julia Mnizhek, Elena Krasnopolskaia, Mikhail Sereniti).
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/lib/cjs/TimePicker.js

@@ -61,22 +61,22 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___STimePicker_o8l7j_gg_{position:relative;width:auto}.___STimePicker_o8l7j_gg_.__disabled_o8l7j_gg_{color:rgba(25,27,35,.3);cursor:default}.___SPickerInput_o8l7j_gg_{box-sizing:content-box;text-align:center;z-index:1}.___SPickerInput_o8l7j_gg_.__placeholder_o8l7j_gg_{text-overflow:clip}.___SPickerInput_o8l7j_gg_._size_m_o8l7j_gg_{width:19px}.___SPickerInput_o8l7j_gg_._size_l_o8l7j_gg_{width:21px}.___SPickerFormat_o8l7j_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:500;line-height:normal;text-decoration:none;align-items:center;border:1px solid #c4c7cf;border-radius:0 6px 6px 0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:#6c6e79;background-color:rgba(138,142,155,.1)}.___SPickerFormat_o8l7j_gg_:hover{color:#6c6e79;background-color:rgba(138,142,155,.2)}.___SPickerFormat_o8l7j_gg_:active,.___SPickerFormat_o8l7j_gg_.__active_o8l7j_gg_{color:#6c6e79;background-color:rgba(138,142,155,.3)}.___SPickerFormat_o8l7j_gg_._size_m_o8l7j_gg_{height:28px;font-size:14px;margin:0 -1px 0 0}.___SPickerFormat_o8l7j_gg_._size_m_o8l7j_gg_ .___SPickerFormatText_o8l7j_gg_{margin:0 8px}.___SPickerFormat_o8l7j_gg_._size_l_o8l7j_gg_{height:40px;font-size:16px;margin:0 -4px 0 0}.___SPickerFormat_o8l7j_gg_._size_l_o8l7j_gg_ .___SPickerFormatText_o8l7j_gg_{margin:0 12px}.___SPickerFormat_o8l7j_gg_.__disabled_o8l7j_gg_{opacity:0.3;cursor:default;pointer-events:none;border-color:transparent transparent transparent #c4c7cf}.___SPickerFormat_o8l7j_gg_.__keyboardFocused_o8l7j_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___STimePickerSeparator_o8l7j_gg_.__disabled_o8l7j_gg_{opacity:0.3;pointer-events:none}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___STimePicker_bd4ou_gg_ {\n  position: relative;\n  width: auto;\n}\n\n.___STimePicker_bd4ou_gg_.__disabled_bd4ou_gg_ {\n  color: rgba(25, 27, 35, 0.3);\n  cursor: default;\n}\n\n.___SPickerInput_bd4ou_gg_ {\n  box-sizing: content-box;\n  text-align: center;\n  z-index: 1\n}\n\n.___SPickerInput_bd4ou_gg_.__placeholder_bd4ou_gg_ {\n    text-overflow: initial;\n  }\n\n.___SPickerInput_bd4ou_gg_._size_m_bd4ou_gg_ {\n  width: 19px;\n}\n\n.___SPickerInput_bd4ou_gg_._size_l_bd4ou_gg_ {\n  width: 21px;\n}\n\n.___SPickerFormat_bd4ou_gg_ {\n  flex-shrink: 0;\n  position: relative;\n  display: inline-flex;\n  padding: 0;\n  white-space: nowrap;\n  font-family: inherit;\n  font-weight: 500;\n  line-height: normal;\n  text-decoration: none;\n  align-items: center;\n  border: 1px solid #c4c7cf;\n  border-radius: 0 6px 6px 0;\n  outline: 0;\n  box-shadow: none;\n  cursor: pointer;\n  box-sizing: border-box;\n  overflow: visible;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n  color: #6c6e79;\n  background-color: rgba(138, 142, 155, 0.1)\n}\n\n.___SPickerFormat_bd4ou_gg_:hover {\n    color: #6c6e79;\n    background-color: rgba(138, 142, 155, 0.2);\n  }\n\n.___SPickerFormat_bd4ou_gg_:active,\n  .___SPickerFormat_bd4ou_gg_.__active_bd4ou_gg_ {\n    color: #6c6e79;\n    background-color: rgba(138, 142, 155, 0.3);\n  }\n\n.___SPickerFormat_bd4ou_gg_._size_m_bd4ou_gg_ {\n  height: 28px;\n  font-size: 14px;\n  margin: 0 -1px 0 0\n}\n\n.___SPickerFormat_bd4ou_gg_._size_m_bd4ou_gg_ .___SPickerFormatText_bd4ou_gg_ {\n    margin: 0 8px;\n  }\n\n.___SPickerFormat_bd4ou_gg_._size_l_bd4ou_gg_ {\n  height: 40px;\n  font-size: 16px;\n  margin: 0 -4px 0 0\n}\n\n.___SPickerFormat_bd4ou_gg_._size_l_bd4ou_gg_ .___SPickerFormatText_bd4ou_gg_ {\n    margin: 0 12px;\n  }\n\n.___SPickerFormat_bd4ou_gg_.__disabled_bd4ou_gg_ {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none;\n  border-color: transparent transparent transparent #c4c7cf;\n}\n\n.___SPickerFormat_bd4ou_gg_.__keyboardFocused_bd4ou_gg_ {\n  box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___STimePickerSeparator_bd4ou_gg_.__disabled_bd4ou_gg_ {\n  opacity: 0.3;\n  pointer-events: none;\n}\n"
 /*__inner_css_end__*/
-, "o8l7j_gg_")
+, "bd4ou_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STimePicker": "___STimePicker_o8l7j_gg_",
-  "_disabled": "__disabled_o8l7j_gg_",
-  "__SPickerInput": "___SPickerInput_o8l7j_gg_",
-  "_placeholder": "__placeholder_o8l7j_gg_",
-  "_size_m": "_size_m_o8l7j_gg_",
-  "_size_l": "_size_l_o8l7j_gg_",
-  "__SPickerFormat": "___SPickerFormat_o8l7j_gg_",
-  "_active": "__active_o8l7j_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_o8l7j_gg_",
-  "_keyboardFocused": "__keyboardFocused_o8l7j_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_o8l7j_gg_"
+  "__STimePicker": "___STimePicker_bd4ou_gg_",
+  "_disabled": "__disabled_bd4ou_gg_",
+  "__SPickerInput": "___SPickerInput_bd4ou_gg_",
+  "_placeholder": "__placeholder_bd4ou_gg_",
+  "_size_m": "_size_m_bd4ou_gg_",
+  "_size_l": "_size_l_bd4ou_gg_",
+  "__SPickerFormat": "___SPickerFormat_bd4ou_gg_",
+  "_active": "__active_bd4ou_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_bd4ou_gg_",
+  "_keyboardFocused": "__keyboardFocused_bd4ou_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_bd4ou_gg_"
 });
 var MAP_MERIDIEM = {
   AM: 'PM',

package/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/lib/cjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { IInputProps, IInputValueProps } from '@semcore/input';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport interface ITimePickerProps extends Omit<IInputProps, 'size'> {\n  /** Time in the hh:mm format */\n  value?: string;\n  /** Default value if `value` property is not provided */\n  defaultValue?: string;\n  /** The event responses upon time changing */\n  onChange?: (time: string, event?: React.SyntheticEvent) => void;\n  /** In charge of the component blocking */\n  disabled?: boolean;\n  /** Control size\n   * @default m */\n  size?: 'm' | 'l';\n  /** 12-hour time format */\n  is12Hour?: boolean;\n}\n\nexport interface ITimePickerItemProps extends IInputValueProps {\n  /** Step for changing of the values in the dropdown list */\n  step?: number;\n}\n\nexport interface ITimePickerFormatProps extends IBoxProps, IKeyboardFocusProps {}\n\nexport interface ITimePickerContext {\n  getHoursProps: PropGetterFn;\n  getFormatProps: PropGetterFn;\n  getMinutesProps: PropGetterFn;\n}\n\nexport interface ITimePickerHandlers {\n  value: (value: string) => void;\n}\n\ndeclare const TimePicker: (<T>(\n  props: CProps<ITimePickerProps & T, ITimePickerContext, ITimePickerHandlers>,\n) => ReturnEl) & {\n  Hours: <T>(props: ITimePickerItemProps & T) => ReturnEl;\n  Minutes: <T>(props: ITimePickerItemProps & T) => ReturnEl;\n  Separator: typeof Box;\n  Format: <T>(props: ITimePickerFormatProps & T) => ReturnEl;\n};\n\nexport default TimePicker;\n"],"mappings":""}

package/lib/es6/TimePicker.js

@@ -30,22 +30,22 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___STimePicker_o8l7j_gg_{position:relative;width:auto}.___STimePicker_o8l7j_gg_.__disabled_o8l7j_gg_{color:rgba(25,27,35,.3);cursor:default}.___SPickerInput_o8l7j_gg_{box-sizing:content-box;text-align:center;z-index:1}.___SPickerInput_o8l7j_gg_.__placeholder_o8l7j_gg_{text-overflow:clip}.___SPickerInput_o8l7j_gg_._size_m_o8l7j_gg_{width:19px}.___SPickerInput_o8l7j_gg_._size_l_o8l7j_gg_{width:21px}.___SPickerFormat_o8l7j_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:500;line-height:normal;text-decoration:none;align-items:center;border:1px solid #c4c7cf;border-radius:0 6px 6px 0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:#6c6e79;background-color:rgba(138,142,155,.1)}.___SPickerFormat_o8l7j_gg_:hover{color:#6c6e79;background-color:rgba(138,142,155,.2)}.___SPickerFormat_o8l7j_gg_:active,.___SPickerFormat_o8l7j_gg_.__active_o8l7j_gg_{color:#6c6e79;background-color:rgba(138,142,155,.3)}.___SPickerFormat_o8l7j_gg_._size_m_o8l7j_gg_{height:28px;font-size:14px;margin:0 -1px 0 0}.___SPickerFormat_o8l7j_gg_._size_m_o8l7j_gg_ .___SPickerFormatText_o8l7j_gg_{margin:0 8px}.___SPickerFormat_o8l7j_gg_._size_l_o8l7j_gg_{height:40px;font-size:16px;margin:0 -4px 0 0}.___SPickerFormat_o8l7j_gg_._size_l_o8l7j_gg_ .___SPickerFormatText_o8l7j_gg_{margin:0 12px}.___SPickerFormat_o8l7j_gg_.__disabled_o8l7j_gg_{opacity:0.3;cursor:default;pointer-events:none;border-color:transparent transparent transparent #c4c7cf}.___SPickerFormat_o8l7j_gg_.__keyboardFocused_o8l7j_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___STimePickerSeparator_o8l7j_gg_.__disabled_o8l7j_gg_{opacity:0.3;pointer-events:none}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___STimePicker_bd4ou_gg_ {\n  position: relative;\n  width: auto;\n}\n\n.___STimePicker_bd4ou_gg_.__disabled_bd4ou_gg_ {\n  color: rgba(25, 27, 35, 0.3);\n  cursor: default;\n}\n\n.___SPickerInput_bd4ou_gg_ {\n  box-sizing: content-box;\n  text-align: center;\n  z-index: 1\n}\n\n.___SPickerInput_bd4ou_gg_.__placeholder_bd4ou_gg_ {\n    text-overflow: initial;\n  }\n\n.___SPickerInput_bd4ou_gg_._size_m_bd4ou_gg_ {\n  width: 19px;\n}\n\n.___SPickerInput_bd4ou_gg_._size_l_bd4ou_gg_ {\n  width: 21px;\n}\n\n.___SPickerFormat_bd4ou_gg_ {\n  flex-shrink: 0;\n  position: relative;\n  display: inline-flex;\n  padding: 0;\n  white-space: nowrap;\n  font-family: inherit;\n  font-weight: 500;\n  line-height: normal;\n  text-decoration: none;\n  align-items: center;\n  border: 1px solid #c4c7cf;\n  border-radius: 0 6px 6px 0;\n  outline: 0;\n  box-shadow: none;\n  cursor: pointer;\n  box-sizing: border-box;\n  overflow: visible;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent;\n  color: #6c6e79;\n  background-color: rgba(138, 142, 155, 0.1)\n}\n\n.___SPickerFormat_bd4ou_gg_:hover {\n    color: #6c6e79;\n    background-color: rgba(138, 142, 155, 0.2);\n  }\n\n.___SPickerFormat_bd4ou_gg_:active,\n  .___SPickerFormat_bd4ou_gg_.__active_bd4ou_gg_ {\n    color: #6c6e79;\n    background-color: rgba(138, 142, 155, 0.3);\n  }\n\n.___SPickerFormat_bd4ou_gg_._size_m_bd4ou_gg_ {\n  height: 28px;\n  font-size: 14px;\n  margin: 0 -1px 0 0\n}\n\n.___SPickerFormat_bd4ou_gg_._size_m_bd4ou_gg_ .___SPickerFormatText_bd4ou_gg_ {\n    margin: 0 8px;\n  }\n\n.___SPickerFormat_bd4ou_gg_._size_l_bd4ou_gg_ {\n  height: 40px;\n  font-size: 16px;\n  margin: 0 -4px 0 0\n}\n\n.___SPickerFormat_bd4ou_gg_._size_l_bd4ou_gg_ .___SPickerFormatText_bd4ou_gg_ {\n    margin: 0 12px;\n  }\n\n.___SPickerFormat_bd4ou_gg_.__disabled_bd4ou_gg_ {\n  opacity: 0.3;\n  cursor: default;\n  pointer-events: none;\n  border-color: transparent transparent transparent #c4c7cf;\n}\n\n.___SPickerFormat_bd4ou_gg_.__keyboardFocused_bd4ou_gg_ {\n  box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___STimePickerSeparator_bd4ou_gg_.__disabled_bd4ou_gg_ {\n  opacity: 0.3;\n  pointer-events: none;\n}\n"
 /*__inner_css_end__*/
-, "o8l7j_gg_")
+, "bd4ou_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STimePicker": "___STimePicker_o8l7j_gg_",
-  "_disabled": "__disabled_o8l7j_gg_",
-  "__SPickerInput": "___SPickerInput_o8l7j_gg_",
-  "_placeholder": "__placeholder_o8l7j_gg_",
-  "_size_m": "_size_m_o8l7j_gg_",
-  "_size_l": "_size_l_o8l7j_gg_",
-  "__SPickerFormat": "___SPickerFormat_o8l7j_gg_",
-  "_active": "__active_o8l7j_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_o8l7j_gg_",
-  "_keyboardFocused": "__keyboardFocused_o8l7j_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_o8l7j_gg_"
+  "__STimePicker": "___STimePicker_bd4ou_gg_",
+  "_disabled": "__disabled_bd4ou_gg_",
+  "__SPickerInput": "___SPickerInput_bd4ou_gg_",
+  "_placeholder": "__placeholder_bd4ou_gg_",
+  "_size_m": "_size_m_bd4ou_gg_",
+  "_size_l": "_size_l_bd4ou_gg_",
+  "__SPickerFormat": "___SPickerFormat_bd4ou_gg_",
+  "_active": "__active_bd4ou_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_bd4ou_gg_",
+  "_keyboardFocused": "__keyboardFocused_bd4ou_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_bd4ou_gg_"
 });
 var MAP_MERIDIEM = {
   AM: 'PM',

package/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { CProps, PropGetterFn, ReturnEl } from '@semcore/core';\nimport { IInputProps, IInputValueProps } from '@semcore/input';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport interface ITimePickerProps extends Omit<IInputProps, 'size'> {\n  /** Time in the hh:mm format */\n  value?: string;\n  /** Default value if `value` property is not provided */\n  defaultValue?: string;\n  /** The event responses upon time changing */\n  onChange?: (time: string, event?: React.SyntheticEvent) => void;\n  /** In charge of the component blocking */\n  disabled?: boolean;\n  /** Control size\n   * @default m */\n  size?: 'm' | 'l';\n  /** 12-hour time format */\n  is12Hour?: boolean;\n}\n\nexport interface ITimePickerItemProps extends IInputValueProps {\n  /** Step for changing of the values in the dropdown list */\n  step?: number;\n}\n\nexport interface ITimePickerFormatProps extends IBoxProps, IKeyboardFocusProps {}\n\nexport interface ITimePickerContext {\n  getHoursProps: PropGetterFn;\n  getFormatProps: PropGetterFn;\n  getMinutesProps: PropGetterFn;\n}\n\nexport interface ITimePickerHandlers {\n  value: (value: string) => void;\n}\n\ndeclare const TimePicker: (<T>(\n  props: CProps<ITimePickerProps & T, ITimePickerContext, ITimePickerHandlers>,\n) => ReturnEl) & {\n  Hours: <T>(props: ITimePickerItemProps & T) => ReturnEl;\n  Minutes: <T>(props: ITimePickerItemProps & T) => ReturnEl;\n  Separator: typeof Box;\n  Format: <T>(props: ITimePickerFormatProps & T) => ReturnEl;\n};\n\nexport default TimePicker;\n"],"mappings":""}

package/package.json

@@ -1,17 +1,13 @@
 {
   "name": "@semcore/time-picker",
   "description": "Semrush TimePicker Component",
-  "version": "3.0.33",
+  "version": "3.0.35",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
-  "scripts": {
-    "build": "build --source=js",
-    "test": "jest --no-cache"
-  },
   "dependencies": {
     "@semcore/utils": "^3.15",
     "@semcore/flex-box": "^4",
@@ -32,6 +28,11 @@
     "directory": "semcore/time-picker"
   },
   "devDependencies": {
+    "@types/react": "16.8 - 17",
     "@semcore/jest-preset-ui": "1.0.0"
+  },
+  "scripts": {
+    "build": "pnpm semcore-builder --source=js",
+    "test": "jest --no-cache"
   }
-}
+}

package/lib/cjs/index.d.ts

@@ -1,49 +0,0 @@
-import React from 'react';
-import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
-import { IInputProps, IInputValueProps } from '@semcore/input';
-import { Box, IBoxProps } from '@semcore/flex-box';
-import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-
-export interface ITimePickerProps extends Omit<IInputProps, 'size'> {
-  /** Time in the hh:mm format */
-  value?: string;
-  /** Default value if `value` property is not provided */
-  defaultValue?: string;
-  /** The event responses upon time changing */
-  onChange?: (time: string, event?: React.SyntheticEvent) => void;
-  /** In charge of the component blocking */
-  disabled?: boolean;
-  /** Control size
-   * @default m */
-  size?: 'm' | 'l';
-  /** 12-hour time format */
-  is12Hour?: boolean;
-}
-
-export interface ITimePickerItemProps extends IInputValueProps {
-  /** Step for changing of the values in the dropdown list */
-  step?: number;
-}
-
-export interface ITimePickerFormatProps extends IBoxProps, IKeyboardFocusProps {}
-
-export interface ITimePickerContext {
-  getHoursProps: PropGetterFn;
-  getFormatProps: PropGetterFn;
-  getMinutesProps: PropGetterFn;
-}
-
-export interface ITimePickerHandlers {
-  value: (value: string) => void;
-}
-
-declare const TimePicker: (<T>(
-  props: CProps<ITimePickerProps & T, ITimePickerContext, ITimePickerHandlers>,
-) => ReturnEl) & {
-  Hours: <T>(props: ITimePickerItemProps & T) => ReturnEl;
-  Minutes: <T>(props: ITimePickerItemProps & T) => ReturnEl;
-  Separator: typeof Box;
-  Format: <T>(props: ITimePickerFormatProps & T) => ReturnEl;
-};
-
-export default TimePicker;

package/lib/es6/index.d.ts

@@ -1,49 +0,0 @@
-import React from 'react';
-import { CProps, PropGetterFn, ReturnEl } from '@semcore/core';
-import { IInputProps, IInputValueProps } from '@semcore/input';
-import { Box, IBoxProps } from '@semcore/flex-box';
-import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
-
-export interface ITimePickerProps extends Omit<IInputProps, 'size'> {
-  /** Time in the hh:mm format */
-  value?: string;
-  /** Default value if `value` property is not provided */
-  defaultValue?: string;
-  /** The event responses upon time changing */
-  onChange?: (time: string, event?: React.SyntheticEvent) => void;
-  /** In charge of the component blocking */
-  disabled?: boolean;
-  /** Control size
-   * @default m */
-  size?: 'm' | 'l';
-  /** 12-hour time format */
-  is12Hour?: boolean;
-}
-
-export interface ITimePickerItemProps extends IInputValueProps {
-  /** Step for changing of the values in the dropdown list */
-  step?: number;
-}
-
-export interface ITimePickerFormatProps extends IBoxProps, IKeyboardFocusProps {}
-
-export interface ITimePickerContext {
-  getHoursProps: PropGetterFn;
-  getFormatProps: PropGetterFn;
-  getMinutesProps: PropGetterFn;
-}
-
-export interface ITimePickerHandlers {
-  value: (value: string) => void;
-}
-
-declare const TimePicker: (<T>(
-  props: CProps<ITimePickerProps & T, ITimePickerContext, ITimePickerHandlers>,
-) => ReturnEl) & {
-  Hours: <T>(props: ITimePickerItemProps & T) => ReturnEl;
-  Minutes: <T>(props: ITimePickerItemProps & T) => ReturnEl;
-  Separator: typeof Box;
-  Format: <T>(props: ITimePickerFormatProps & T) => ReturnEl;
-};
-
-export default TimePicker;