@semcore/time-picker 3.4.55 → 3.5.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.5.0] - 2023-06-06
+
+### Added
+
+- Focused text part highlight.
+
 ## [3.4.55] - 2023-05-31
 
 ### Changed

package/lib/cjs/PickerInput.js

@@ -235,6 +235,12 @@ var Hours = /*#__PURE__*/function (_ItemPicker) {
   return Hours;
 }(ItemPicker);
 exports.Hours = Hours;
+(0, _defineProperty2["default"])(Hours, "defaultProps", function (_ref3) {
+  var size = _ref3.size;
+  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, ItemPicker.defaultProps), {}, {
+    ml: size === 'l' ? 3 : undefined
+  });
+});
 var Minutes = /*#__PURE__*/function (_ItemPicker2) {
   (0, _inherits2["default"])(Minutes, _ItemPicker2);
   var _super3 = (0, _createSuper2["default"])(Minutes);
@@ -283,4 +289,10 @@ var Minutes = /*#__PURE__*/function (_ItemPicker2) {
   return Minutes;
 }(ItemPicker);
 exports.Minutes = Minutes;
+(0, _defineProperty2["default"])(Minutes, "defaultProps", function (_ref4) {
+  var size = _ref4.size;
+  return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, ItemPicker.defaultProps), {}, {
+    mr: size === 'l' ? 3 : undefined
+  });
+});
 //# sourceMappingURL=PickerInput.js.map

package/lib/cjs/PickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerInput.js","names":["_core","require","_react","_interopRequireDefault","_input","_select","_TimePicker","_assignProps2","_excluded","MAP_FIELD_TO_TIME","hours","minutes","MAP_SIZE_SELECT","m","l","getOptions","min","max","step","arguments","length","undefined","Number","toFixed","options","Array","fill","numValue","map","i","index","value","withLeadingZero","String","createElement","Option","key","ItemPicker","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","args","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","dirtyValue","visible","_this$minMax","minMax","_this$minMax2","_slicedToArray2","Math","e","stopPropagation","numberValue","intOrDefault","NaN","isNaN","setState","slice","submitChanges","dispatchOnChange","getI18nText","asProps","_getI18nText","field","_createClass2","event","$onValueChange","state","parseValueWithMinMax","render","_ref","_ref2","SPickerInput","Select","Trigger","_this$asProps","styles","onSelect","time","size","disabled","onVisibleChange","other","_objectWithoutProperties2","_this$state","timeValue","_this$minMax3","_this$minMax4","sstyled","cn","_objectSpread2","callAllEventHandlers","handleSelect","handleVisibleChange","assignProps","Input","Value","inputRef","getAriaLabel","handleChange","handleBlur","handleKeyDown","Menu","hMax","role","id","Component","placeholder","Hours","_ItemPicker","_super2","_this2","_len2","_key2","currentTarget","keyCode","selectionStart","selectionEnd","preventDefault","nextInput","is12Hour","minutesInputRef","current","focus","componentDidUpdate","prevProps","prevState","exports","Minutes","_ItemPicker2","_super3","_this3","_len3","_key3","prevFocus","hoursInputRef"],"sources":["../../src/PickerInput.jsx"],"sourcesContent":["import React from 'react';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport { intOrDefault, withLeadingZero } from './TimePicker';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst MAP_FIELD_TO_TIME = {\n  hours: 0,\n  minutes: 1,\n};\n\nconst MAP_SIZE_SELECT = {\n  m: 'm',\n  l: 'l',\n};\n\nfunction getOptions(min, max, step = 1) {\n  const length = Number(((max + 1 - min) / step).toFixed(0));\n  const options = Array(length).fill('');\n  let numValue = min;\n  return options.map((i, index) => {\n    numValue = index === 0 ? numValue : numValue + step;\n    const value = withLeadingZero(String(numValue));\n    return (\n      <Select.Option value={value} key={value}>\n        {value}\n      </Select.Option>\n    );\n  });\n}\n\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\n  };\n\n  inputRef = React.createRef();\n\n  minMax() {\n    return [];\n  }\n\n  state = {\n    dirtyValue: undefined,\n    visible: false,\n  };\n\n  parseValueWithMinMax = (value) => {\n    const [min, max] = this.minMax();\n    return String(Math.max(min, Math.min(max, value)));\n  };\n\n  dispatchOnChange(value, event) {\n    this.setState({ dirtyValue: undefined });\n    this.asProps.$onValueChange(value, this.field, event);\n  }\n\n  submitChanges(event) {\n    let { dirtyValue } = this.state;\n    if (dirtyValue !== undefined) {\n      // if changes value\n      if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not \"\"\n      this.dispatchOnChange(dirtyValue, event);\n    }\n  }\n\n  handleChange = (value, e) => {\n    /* hide props for bubbling events */\n    e.stopPropagation();\n    const numberValue = intOrDefault(Number(value), NaN);\n\n    if (!Number.isNaN(numberValue)) {\n      this.setState({ dirtyValue: value.slice(-2) });\n    }\n  };\n\n  handleBlur = (e) => this.submitChanges(e);\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, e) => {\n    this.dispatchOnChange(value, e);\n  };\n\n  handleVisibleChange = (visible) => this.setState({ visible });\n\n  getAriaLabel = () => {\n    const { _getI18nText: getI18nText } = this.asProps;\n    if (this.field === 'hours') return getI18nText('hours');\n    if (this.field === 'minutes') return getI18nText('minutes');\n    return undefined;\n  };\n\n  render() {\n    const SPickerInput = Root;\n    const { styles, step, onSelect, time, size, disabled, onVisibleChange, ...other } =\n      this.asProps;\n    const { dirtyValue, visible } = this.state;\n    const timeValue = time[MAP_FIELD_TO_TIME[this.field]];\n    const value = dirtyValue === undefined ? timeValue : dirtyValue;\n    const [min, max] = this.minMax();\n\n    return sstyled(styles)(\n      <Select\n        {...other}\n        interaction=\"focus\"\n        size={size ? MAP_SIZE_SELECT[size] : false}\n        onChange={callAllEventHandlers(onSelect, this.handleSelect)}\n        onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n        visible={visible}\n        value={timeValue}\n      >\n        <SPickerInput\n          render={Select.Trigger}\n          tag={Input.Value}\n          ref={this.inputRef}\n          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={this.getAriaLabel()}\n          role=\"combobox\"\n          aria-autocomplete=\"list\"\n          aria-expanded={visible ? 'true' : 'false'}\n          aria-haspopup=\"listbox\"\n          aria-controls={`picker-${this.field}-popper`}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n        />\n        <Select.Menu\n          aria-hidden=\"true\"\n          hMax={180}\n          role=\"listbox\"\n          id={`picker-${this.field}-popper`}\n        >\n          {getOptions(min, max, step)}\n        </Select.Menu>\n      </Select>,\n    );\n  }\n}\n\nclass Hours extends ItemPicker {\n  field = 'hours';\n\n  minMax() {\n    const { is12Hour } = this.asProps;\n    if (is12Hour) {\n      return [1, 12];\n    } else {\n      return [0, 23];\n    }\n  }\n\n  nextInput() {\n    if (this.asProps.minutesInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.minutesInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 39) {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.nextInput();\n      }\n    }\n  };\n\n  componentDidUpdate(prevProps, prevState) {\n    const { dirtyValue } = this.state;\n    if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;\n\n    if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {\n      this.nextInput();\n    }\n  }\n}\n\nclass Minutes extends ItemPicker {\n  field = 'minutes';\n\n  minMax() {\n    return [0, 59];\n  }\n\n  prevFocus() {\n    if (this.asProps.hoursInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.hoursInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 37) {\n      if (\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n    if (e.keyCode === 8) {\n      if (currentTarget.value.length === 0) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n  };\n}\n\nexport { Hours, Minutes };\n"],"mappings":"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"}
+{"version":3,"file":"PickerInput.js","names":["_core","require","_react","_interopRequireDefault","_input","_select","_TimePicker","_assignProps2","_excluded","MAP_FIELD_TO_TIME","hours","minutes","MAP_SIZE_SELECT","m","l","getOptions","min","max","step","arguments","length","undefined","Number","toFixed","options","Array","fill","numValue","map","i","index","value","withLeadingZero","String","createElement","Option","key","ItemPicker","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","args","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","dirtyValue","visible","_this$minMax","minMax","_this$minMax2","_slicedToArray2","Math","e","stopPropagation","numberValue","intOrDefault","NaN","isNaN","setState","slice","submitChanges","dispatchOnChange","getI18nText","asProps","_getI18nText","field","_createClass2","event","$onValueChange","state","parseValueWithMinMax","render","_ref","_ref2","SPickerInput","Select","Trigger","_this$asProps","styles","onSelect","time","size","disabled","onVisibleChange","other","_objectWithoutProperties2","_this$state","timeValue","_this$minMax3","_this$minMax4","sstyled","cn","_objectSpread2","callAllEventHandlers","handleSelect","handleVisibleChange","assignProps","Input","Value","inputRef","getAriaLabel","handleChange","handleBlur","handleKeyDown","Menu","hMax","role","id","Component","placeholder","Hours","_ItemPicker","_super2","_this2","_len2","_key2","currentTarget","keyCode","selectionStart","selectionEnd","preventDefault","nextInput","is12Hour","minutesInputRef","current","focus","componentDidUpdate","prevProps","prevState","exports","_ref3","defaultProps","ml","Minutes","_ItemPicker2","_super3","_this3","_len3","_key3","prevFocus","hoursInputRef","_ref4","mr"],"sources":["../../src/PickerInput.jsx"],"sourcesContent":["import React from 'react';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport { intOrDefault, withLeadingZero } from './TimePicker';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst MAP_FIELD_TO_TIME = {\n  hours: 0,\n  minutes: 1,\n};\n\nconst MAP_SIZE_SELECT = {\n  m: 'm',\n  l: 'l',\n};\n\nfunction getOptions(min, max, step = 1) {\n  const length = Number(((max + 1 - min) / step).toFixed(0));\n  const options = Array(length).fill('');\n  let numValue = min;\n  return options.map((i, index) => {\n    numValue = index === 0 ? numValue : numValue + step;\n    const value = withLeadingZero(String(numValue));\n    return (\n      <Select.Option value={value} key={value}>\n        {value}\n      </Select.Option>\n    );\n  });\n}\n\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\n  };\n\n  inputRef = React.createRef();\n\n  minMax() {\n    return [];\n  }\n\n  state = {\n    dirtyValue: undefined,\n    visible: false,\n  };\n\n  parseValueWithMinMax = (value) => {\n    const [min, max] = this.minMax();\n    return String(Math.max(min, Math.min(max, value)));\n  };\n\n  dispatchOnChange(value, event) {\n    this.setState({ dirtyValue: undefined });\n    this.asProps.$onValueChange(value, this.field, event);\n  }\n\n  submitChanges(event) {\n    let { dirtyValue } = this.state;\n    if (dirtyValue !== undefined) {\n      // if changes value\n      if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not \"\"\n      this.dispatchOnChange(dirtyValue, event);\n    }\n  }\n\n  handleChange = (value, e) => {\n    /* hide props for bubbling events */\n    e.stopPropagation();\n    const numberValue = intOrDefault(Number(value), NaN);\n\n    if (!Number.isNaN(numberValue)) {\n      this.setState({ dirtyValue: value.slice(-2) });\n    }\n  };\n\n  handleBlur = (e) => this.submitChanges(e);\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, e) => {\n    this.dispatchOnChange(value, e);\n  };\n\n  handleVisibleChange = (visible) => this.setState({ visible });\n\n  getAriaLabel = () => {\n    const { _getI18nText: getI18nText } = this.asProps;\n    if (this.field === 'hours') return getI18nText('hours');\n    if (this.field === 'minutes') return getI18nText('minutes');\n    return undefined;\n  };\n\n  render() {\n    const SPickerInput = Root;\n    const { styles, step, onSelect, time, size, disabled, onVisibleChange, ...other } =\n      this.asProps;\n    const { dirtyValue, visible } = this.state;\n    const timeValue = time[MAP_FIELD_TO_TIME[this.field]];\n    const value = dirtyValue === undefined ? timeValue : dirtyValue;\n    const [min, max] = this.minMax();\n\n    return sstyled(styles)(\n      <Select\n        {...other}\n        interaction=\"focus\"\n        size={size ? MAP_SIZE_SELECT[size] : false}\n        onChange={callAllEventHandlers(onSelect, this.handleSelect)}\n        onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n        visible={visible}\n        value={timeValue}\n      >\n        <SPickerInput\n          render={Select.Trigger}\n          tag={Input.Value}\n          ref={this.inputRef}\n          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={this.getAriaLabel()}\n          role=\"combobox\"\n          aria-autocomplete=\"list\"\n          aria-expanded={visible ? 'true' : 'false'}\n          aria-haspopup=\"listbox\"\n          aria-controls={`picker-${this.field}-popper`}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n        />\n        <Select.Menu\n          aria-hidden=\"true\"\n          hMax={180}\n          role=\"listbox\"\n          id={`picker-${this.field}-popper`}\n        >\n          {getOptions(min, max, step)}\n        </Select.Menu>\n      </Select>,\n    );\n  }\n}\n\nclass Hours extends ItemPicker {\n  field = 'hours';\n  static defaultProps = ({ size }) => ({\n    ...ItemPicker.defaultProps,\n    ml: size === 'l' ? 3 : undefined,\n  });\n\n  minMax() {\n    const { is12Hour } = this.asProps;\n    if (is12Hour) {\n      return [1, 12];\n    } else {\n      return [0, 23];\n    }\n  }\n\n  nextInput() {\n    if (this.asProps.minutesInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.minutesInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 39) {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.nextInput();\n      }\n    }\n  };\n\n  componentDidUpdate(prevProps, prevState) {\n    const { dirtyValue } = this.state;\n    if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;\n\n    if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {\n      this.nextInput();\n    }\n  }\n}\n\nclass Minutes extends ItemPicker {\n  field = 'minutes';\n  static defaultProps = ({ size }) => ({\n    ...ItemPicker.defaultProps,\n    mr: size === 'l' ? 3 : undefined,\n  });\n\n  minMax() {\n    return [0, 59];\n  }\n\n  prevFocus() {\n    if (this.asProps.hoursInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.hoursInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 37) {\n      if (\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n    if (e.keyCode === 8) {\n      if (currentTarget.value.length === 0) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n  };\n}\n\nexport { Hours, Minutes };\n"],"mappings":"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"}

package/lib/cjs/TimePicker.js

@@ -28,18 +28,18 @@ var _PickerFormat = _interopRequireDefault(require("./PickerFormat"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STimePicker_1aiis_gg_{position:relative;width:auto}.___STimePicker_1aiis_gg_.__disabled_1aiis_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1aiis_gg_{box-sizing:content-box;text-align:center;z-index:1}.___SPickerInput_1aiis_gg_.__placeholder_1aiis_gg_{text-overflow:initial}.___SPickerInput_1aiis_gg_._size_m_1aiis_gg_{width:19px}.___SPickerInput_1aiis_gg_._size_l_1aiis_gg_{width:21px}.___SPickerFormat_1aiis_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1aiis_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1aiis_gg_.__active_1aiis_gg_,.___SPickerFormat_1aiis_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1aiis_gg_._size_m_1aiis_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1aiis_gg_._size_m_1aiis_gg_ .___SPickerFormatText_1aiis_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1aiis_gg_._size_l_1aiis_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1aiis_gg_._size_l_1aiis_gg_ .___SPickerFormatText_1aiis_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1aiis_gg_.__disabled_1aiis_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1aiis_gg_.__keyboardFocused_1aiis_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1aiis_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1aiis_gg_.__disabled_1aiis_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1aiis_gg_") /*__reshadow_css_end__*/, {
-  "__STimePicker": "___STimePicker_1aiis_gg_",
-  "_disabled": "__disabled_1aiis_gg_",
-  "__SPickerInput": "___SPickerInput_1aiis_gg_",
-  "_placeholder": "__placeholder_1aiis_gg_",
-  "_size_m": "_size_m_1aiis_gg_",
-  "_size_l": "_size_l_1aiis_gg_",
-  "__SPickerFormat": "___SPickerFormat_1aiis_gg_",
-  "_active": "__active_1aiis_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_1aiis_gg_",
-  "_keyboardFocused": "__keyboardFocused_1aiis_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_1aiis_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STimePicker_1w2w2_gg_{position:relative;width:auto}.___STimePicker_1w2w2_gg_.__disabled_1w2w2_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1w2w2_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1w2w2_gg_.__placeholder_1w2w2_gg_{text-overflow:initial}.___SPickerInput_1w2w2_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1w2w2_gg_._size_l_1w2w2_gg_,.___SPickerInput_1w2w2_gg_._size_m_1w2w2_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1w2w2_gg_._size_l_1w2w2_gg_{width:21px}.___SPickerFormat_1w2w2_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1w2w2_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1w2w2_gg_.__active_1w2w2_gg_,.___SPickerFormat_1w2w2_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1w2w2_gg_._size_m_1w2w2_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1w2w2_gg_._size_m_1w2w2_gg_ .___SPickerFormatText_1w2w2_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1w2w2_gg_._size_l_1w2w2_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1w2w2_gg_._size_l_1w2w2_gg_ .___SPickerFormatText_1w2w2_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1w2w2_gg_.__disabled_1w2w2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1w2w2_gg_.__keyboardFocused_1w2w2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1w2w2_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1w2w2_gg_.__disabled_1w2w2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1w2w2_gg_") /*__reshadow_css_end__*/, {
+  "__STimePicker": "___STimePicker_1w2w2_gg_",
+  "_disabled": "__disabled_1w2w2_gg_",
+  "__SPickerInput": "___SPickerInput_1w2w2_gg_",
+  "_placeholder": "__placeholder_1w2w2_gg_",
+  "_size_m": "_size_m_1w2w2_gg_",
+  "_size_l": "_size_l_1w2w2_gg_",
+  "__SPickerFormat": "___SPickerFormat_1w2w2_gg_",
+  "_active": "__active_1w2w2_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_1w2w2_gg_",
+  "_keyboardFocused": "__keyboardFocused_1w2w2_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_1w2w2_gg_"
 });
 var MAP_MERIDIEM = {
   AM: 'PM',

package/lib/cjs/style/time-picker.shadow.css

@@ -12,18 +12,26 @@ SPickerInput {
   box-sizing: content-box;
   text-align: center;
   z-index: 1;
+  height: 1.5em;
 
   &[placeholder] {
     text-overflow: initial;
   }
+  &:focus {
+    background-color: var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2));
+  }
 }
 
 SPickerInput[size='m'] {
   width: 19px;
+  margin: 0 var(--intergalactic-spacing-2x, 8px);
+  padding: 0;
 }
 
 SPickerInput[size='l'] {
   width: 21px;
+  margin: 0 var(--intergalactic-spacing-2x, 8px);
+  padding: 0;
 }
 
 SPickerFormat {

package/lib/es6/PickerInput.js

@@ -228,6 +228,12 @@ var Hours = /*#__PURE__*/function (_ItemPicker) {
   }]);
   return Hours;
 }(ItemPicker);
+_defineProperty(Hours, "defaultProps", function (_ref3) {
+  var size = _ref3.size;
+  return _objectSpread(_objectSpread({}, ItemPicker.defaultProps), {}, {
+    ml: size === 'l' ? 3 : undefined
+  });
+});
 var Minutes = /*#__PURE__*/function (_ItemPicker2) {
   _inherits(Minutes, _ItemPicker2);
   var _super3 = _createSuper(Minutes);
@@ -275,5 +281,11 @@ var Minutes = /*#__PURE__*/function (_ItemPicker2) {
   }]);
   return Minutes;
 }(ItemPicker);
+_defineProperty(Minutes, "defaultProps", function (_ref4) {
+  var size = _ref4.size;
+  return _objectSpread(_objectSpread({}, ItemPicker.defaultProps), {}, {
+    mr: size === 'l' ? 3 : undefined
+  });
+});
 export { Hours, Minutes };
 //# sourceMappingURL=PickerInput.js.map

package/lib/es6/PickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerInput.js","names":["React","Input","Select","intOrDefault","withLeadingZero","Component","sstyled","Root","callAllEventHandlers","MAP_FIELD_TO_TIME","hours","minutes","MAP_SIZE_SELECT","m","l","getOptions","min","max","step","arguments","length","undefined","Number","toFixed","options","Array","fill","numValue","map","i","index","value","String","createElement","Option","key","ItemPicker","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","args","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","dirtyValue","visible","_this$minMax","minMax","_this$minMax2","_slicedToArray","Math","e","stopPropagation","numberValue","NaN","isNaN","setState","slice","submitChanges","dispatchOnChange","getI18nText","asProps","_getI18nText","field","_createClass","event","$onValueChange","state","parseValueWithMinMax","render","_ref","_ref2","SPickerInput","Trigger","_this$asProps","styles","onSelect","time","size","disabled","onVisibleChange","other","_objectWithoutProperties","_excluded","_this$state","timeValue","_this$minMax3","_this$minMax4","cn","_objectSpread","handleSelect","handleVisibleChange","_assignProps","Value","inputRef","getAriaLabel","handleChange","handleBlur","handleKeyDown","Menu","hMax","role","id","placeholder","Hours","_ItemPicker","_super2","_this2","_len2","_key2","currentTarget","keyCode","selectionStart","selectionEnd","preventDefault","nextInput","is12Hour","minutesInputRef","current","focus","componentDidUpdate","prevProps","prevState","Minutes","_ItemPicker2","_super3","_this3","_len3","_key3","prevFocus","hoursInputRef"],"sources":["../../src/PickerInput.jsx"],"sourcesContent":["import React from 'react';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport { intOrDefault, withLeadingZero } from './TimePicker';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst MAP_FIELD_TO_TIME = {\n  hours: 0,\n  minutes: 1,\n};\n\nconst MAP_SIZE_SELECT = {\n  m: 'm',\n  l: 'l',\n};\n\nfunction getOptions(min, max, step = 1) {\n  const length = Number(((max + 1 - min) / step).toFixed(0));\n  const options = Array(length).fill('');\n  let numValue = min;\n  return options.map((i, index) => {\n    numValue = index === 0 ? numValue : numValue + step;\n    const value = withLeadingZero(String(numValue));\n    return (\n      <Select.Option value={value} key={value}>\n        {value}\n      </Select.Option>\n    );\n  });\n}\n\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\n  };\n\n  inputRef = React.createRef();\n\n  minMax() {\n    return [];\n  }\n\n  state = {\n    dirtyValue: undefined,\n    visible: false,\n  };\n\n  parseValueWithMinMax = (value) => {\n    const [min, max] = this.minMax();\n    return String(Math.max(min, Math.min(max, value)));\n  };\n\n  dispatchOnChange(value, event) {\n    this.setState({ dirtyValue: undefined });\n    this.asProps.$onValueChange(value, this.field, event);\n  }\n\n  submitChanges(event) {\n    let { dirtyValue } = this.state;\n    if (dirtyValue !== undefined) {\n      // if changes value\n      if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not \"\"\n      this.dispatchOnChange(dirtyValue, event);\n    }\n  }\n\n  handleChange = (value, e) => {\n    /* hide props for bubbling events */\n    e.stopPropagation();\n    const numberValue = intOrDefault(Number(value), NaN);\n\n    if (!Number.isNaN(numberValue)) {\n      this.setState({ dirtyValue: value.slice(-2) });\n    }\n  };\n\n  handleBlur = (e) => this.submitChanges(e);\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, e) => {\n    this.dispatchOnChange(value, e);\n  };\n\n  handleVisibleChange = (visible) => this.setState({ visible });\n\n  getAriaLabel = () => {\n    const { _getI18nText: getI18nText } = this.asProps;\n    if (this.field === 'hours') return getI18nText('hours');\n    if (this.field === 'minutes') return getI18nText('minutes');\n    return undefined;\n  };\n\n  render() {\n    const SPickerInput = Root;\n    const { styles, step, onSelect, time, size, disabled, onVisibleChange, ...other } =\n      this.asProps;\n    const { dirtyValue, visible } = this.state;\n    const timeValue = time[MAP_FIELD_TO_TIME[this.field]];\n    const value = dirtyValue === undefined ? timeValue : dirtyValue;\n    const [min, max] = this.minMax();\n\n    return sstyled(styles)(\n      <Select\n        {...other}\n        interaction=\"focus\"\n        size={size ? MAP_SIZE_SELECT[size] : false}\n        onChange={callAllEventHandlers(onSelect, this.handleSelect)}\n        onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n        visible={visible}\n        value={timeValue}\n      >\n        <SPickerInput\n          render={Select.Trigger}\n          tag={Input.Value}\n          ref={this.inputRef}\n          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={this.getAriaLabel()}\n          role=\"combobox\"\n          aria-autocomplete=\"list\"\n          aria-expanded={visible ? 'true' : 'false'}\n          aria-haspopup=\"listbox\"\n          aria-controls={`picker-${this.field}-popper`}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n        />\n        <Select.Menu\n          aria-hidden=\"true\"\n          hMax={180}\n          role=\"listbox\"\n          id={`picker-${this.field}-popper`}\n        >\n          {getOptions(min, max, step)}\n        </Select.Menu>\n      </Select>,\n    );\n  }\n}\n\nclass Hours extends ItemPicker {\n  field = 'hours';\n\n  minMax() {\n    const { is12Hour } = this.asProps;\n    if (is12Hour) {\n      return [1, 12];\n    } else {\n      return [0, 23];\n    }\n  }\n\n  nextInput() {\n    if (this.asProps.minutesInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.minutesInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 39) {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.nextInput();\n      }\n    }\n  };\n\n  componentDidUpdate(prevProps, prevState) {\n    const { dirtyValue } = this.state;\n    if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;\n\n    if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {\n      this.nextInput();\n    }\n  }\n}\n\nclass Minutes extends ItemPicker {\n  field = 'minutes';\n\n  minMax() {\n    return [0, 59];\n  }\n\n  prevFocus() {\n    if (this.asProps.hoursInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.hoursInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 37) {\n      if (\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n    if (e.keyCode === 8) {\n      if (currentTarget.value.length === 0) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n  };\n}\n\nexport { Hours, Minutes };\n"],"mappings":"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"}
+{"version":3,"file":"PickerInput.js","names":["React","Input","Select","intOrDefault","withLeadingZero","Component","sstyled","Root","callAllEventHandlers","MAP_FIELD_TO_TIME","hours","minutes","MAP_SIZE_SELECT","m","l","getOptions","min","max","step","arguments","length","undefined","Number","toFixed","options","Array","fill","numValue","map","i","index","value","String","createElement","Option","key","ItemPicker","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","args","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","dirtyValue","visible","_this$minMax","minMax","_this$minMax2","_slicedToArray","Math","e","stopPropagation","numberValue","NaN","isNaN","setState","slice","submitChanges","dispatchOnChange","getI18nText","asProps","_getI18nText","field","_createClass","event","$onValueChange","state","parseValueWithMinMax","render","_ref","_ref2","SPickerInput","Trigger","_this$asProps","styles","onSelect","time","size","disabled","onVisibleChange","other","_objectWithoutProperties","_excluded","_this$state","timeValue","_this$minMax3","_this$minMax4","cn","_objectSpread","handleSelect","handleVisibleChange","_assignProps","Value","inputRef","getAriaLabel","handleChange","handleBlur","handleKeyDown","Menu","hMax","role","id","placeholder","Hours","_ItemPicker","_super2","_this2","_len2","_key2","currentTarget","keyCode","selectionStart","selectionEnd","preventDefault","nextInput","is12Hour","minutesInputRef","current","focus","componentDidUpdate","prevProps","prevState","_ref3","defaultProps","ml","Minutes","_ItemPicker2","_super3","_this3","_len3","_key3","prevFocus","hoursInputRef","_ref4","mr"],"sources":["../../src/PickerInput.jsx"],"sourcesContent":["import React from 'react';\nimport Input from '@semcore/input';\nimport Select from '@semcore/select';\nimport { intOrDefault, withLeadingZero } from './TimePicker';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst MAP_FIELD_TO_TIME = {\n  hours: 0,\n  minutes: 1,\n};\n\nconst MAP_SIZE_SELECT = {\n  m: 'm',\n  l: 'l',\n};\n\nfunction getOptions(min, max, step = 1) {\n  const length = Number(((max + 1 - min) / step).toFixed(0));\n  const options = Array(length).fill('');\n  let numValue = min;\n  return options.map((i, index) => {\n    numValue = index === 0 ? numValue : numValue + step;\n    const value = withLeadingZero(String(numValue));\n    return (\n      <Select.Option value={value} key={value}>\n        {value}\n      </Select.Option>\n    );\n  });\n}\n\nclass ItemPicker extends Component {\n  static defaultProps = {\n    placeholder: '00',\n  };\n\n  inputRef = React.createRef();\n\n  minMax() {\n    return [];\n  }\n\n  state = {\n    dirtyValue: undefined,\n    visible: false,\n  };\n\n  parseValueWithMinMax = (value) => {\n    const [min, max] = this.minMax();\n    return String(Math.max(min, Math.min(max, value)));\n  };\n\n  dispatchOnChange(value, event) {\n    this.setState({ dirtyValue: undefined });\n    this.asProps.$onValueChange(value, this.field, event);\n  }\n\n  submitChanges(event) {\n    let { dirtyValue } = this.state;\n    if (dirtyValue !== undefined) {\n      // if changes value\n      if (dirtyValue) dirtyValue = this.parseValueWithMinMax(dirtyValue); // if not \"\"\n      this.dispatchOnChange(dirtyValue, event);\n    }\n  }\n\n  handleChange = (value, e) => {\n    /* hide props for bubbling events */\n    e.stopPropagation();\n    const numberValue = intOrDefault(Number(value), NaN);\n\n    if (!Number.isNaN(numberValue)) {\n      this.setState({ dirtyValue: value.slice(-2) });\n    }\n  };\n\n  handleBlur = (e) => this.submitChanges(e);\n\n  /* rewrite method */\n  handleKeyDown = () => {};\n\n  handleSelect = (value, e) => {\n    this.dispatchOnChange(value, e);\n  };\n\n  handleVisibleChange = (visible) => this.setState({ visible });\n\n  getAriaLabel = () => {\n    const { _getI18nText: getI18nText } = this.asProps;\n    if (this.field === 'hours') return getI18nText('hours');\n    if (this.field === 'minutes') return getI18nText('minutes');\n    return undefined;\n  };\n\n  render() {\n    const SPickerInput = Root;\n    const { styles, step, onSelect, time, size, disabled, onVisibleChange, ...other } =\n      this.asProps;\n    const { dirtyValue, visible } = this.state;\n    const timeValue = time[MAP_FIELD_TO_TIME[this.field]];\n    const value = dirtyValue === undefined ? timeValue : dirtyValue;\n    const [min, max] = this.minMax();\n\n    return sstyled(styles)(\n      <Select\n        {...other}\n        interaction=\"focus\"\n        size={size ? MAP_SIZE_SELECT[size] : false}\n        onChange={callAllEventHandlers(onSelect, this.handleSelect)}\n        onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n        visible={visible}\n        value={timeValue}\n      >\n        <SPickerInput\n          render={Select.Trigger}\n          tag={Input.Value}\n          ref={this.inputRef}\n          size={size}\n          disabled={disabled}\n          neighborLocation={false}\n          value={value}\n          aria-label={this.getAriaLabel()}\n          role=\"combobox\"\n          aria-autocomplete=\"list\"\n          aria-expanded={visible ? 'true' : 'false'}\n          aria-haspopup=\"listbox\"\n          aria-controls={`picker-${this.field}-popper`}\n          onChange={this.handleChange}\n          onBlur={this.handleBlur}\n          onKeyDown={this.handleKeyDown}\n        />\n        <Select.Menu\n          aria-hidden=\"true\"\n          hMax={180}\n          role=\"listbox\"\n          id={`picker-${this.field}-popper`}\n        >\n          {getOptions(min, max, step)}\n        </Select.Menu>\n      </Select>,\n    );\n  }\n}\n\nclass Hours extends ItemPicker {\n  field = 'hours';\n  static defaultProps = ({ size }) => ({\n    ...ItemPicker.defaultProps,\n    ml: size === 'l' ? 3 : undefined,\n  });\n\n  minMax() {\n    const { is12Hour } = this.asProps;\n    if (is12Hour) {\n      return [1, 12];\n    } else {\n      return [0, 23];\n    }\n  }\n\n  nextInput() {\n    if (this.asProps.minutesInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.minutesInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 39) {\n      if (\n        currentTarget.selectionStart >= currentTarget.value.length &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.nextInput();\n      }\n    }\n  };\n\n  componentDidUpdate(prevProps, prevState) {\n    const { dirtyValue } = this.state;\n    if (prevState.dirtyValue === undefined || dirtyValue === undefined) return;\n\n    if (prevState.dirtyValue.length === 1 && dirtyValue.length === 2) {\n      this.nextInput();\n    }\n  }\n}\n\nclass Minutes extends ItemPicker {\n  field = 'minutes';\n  static defaultProps = ({ size }) => ({\n    ...ItemPicker.defaultProps,\n    mr: size === 'l' ? 3 : undefined,\n  });\n\n  minMax() {\n    return [0, 59];\n  }\n\n  prevFocus() {\n    if (this.asProps.hoursInputRef.current) {\n      this.setState({ visible: false });\n      this.asProps.hoursInputRef.current.focus();\n    }\n  }\n\n  handleKeyDown = (e) => {\n    const { currentTarget } = e;\n    if (e.keyCode === 13) this.submitChanges(e);\n    if (e.keyCode === 37) {\n      if (\n        currentTarget.selectionStart <= 0 &&\n        currentTarget.selectionStart === currentTarget.selectionEnd\n      ) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n    if (e.keyCode === 8) {\n      if (currentTarget.value.length === 0) {\n        e.preventDefault();\n        this.prevFocus();\n      }\n    }\n  };\n}\n\nexport { Hours, Minutes };\n"],"mappings":"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"}

package/lib/es6/TimePicker.js

@@ -18,18 +18,18 @@ import Format from './PickerFormat';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_1aiis_gg_{position:relative;width:auto}.___STimePicker_1aiis_gg_.__disabled_1aiis_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1aiis_gg_{box-sizing:content-box;text-align:center;z-index:1}.___SPickerInput_1aiis_gg_.__placeholder_1aiis_gg_{text-overflow:initial}.___SPickerInput_1aiis_gg_._size_m_1aiis_gg_{width:19px}.___SPickerInput_1aiis_gg_._size_l_1aiis_gg_{width:21px}.___SPickerFormat_1aiis_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1aiis_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1aiis_gg_.__active_1aiis_gg_,.___SPickerFormat_1aiis_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1aiis_gg_._size_m_1aiis_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1aiis_gg_._size_m_1aiis_gg_ .___SPickerFormatText_1aiis_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1aiis_gg_._size_l_1aiis_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1aiis_gg_._size_l_1aiis_gg_ .___SPickerFormatText_1aiis_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1aiis_gg_.__disabled_1aiis_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1aiis_gg_.__keyboardFocused_1aiis_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1aiis_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1aiis_gg_.__disabled_1aiis_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1aiis_gg_") /*__reshadow_css_end__*/, {
-  "__STimePicker": "___STimePicker_1aiis_gg_",
-  "_disabled": "__disabled_1aiis_gg_",
-  "__SPickerInput": "___SPickerInput_1aiis_gg_",
-  "_placeholder": "__placeholder_1aiis_gg_",
-  "_size_m": "_size_m_1aiis_gg_",
-  "_size_l": "_size_l_1aiis_gg_",
-  "__SPickerFormat": "___SPickerFormat_1aiis_gg_",
-  "_active": "__active_1aiis_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_1aiis_gg_",
-  "_keyboardFocused": "__keyboardFocused_1aiis_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_1aiis_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_1w2w2_gg_{position:relative;width:auto}.___STimePicker_1w2w2_gg_.__disabled_1w2w2_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1w2w2_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1w2w2_gg_.__placeholder_1w2w2_gg_{text-overflow:initial}.___SPickerInput_1w2w2_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1w2w2_gg_._size_l_1w2w2_gg_,.___SPickerInput_1w2w2_gg_._size_m_1w2w2_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1w2w2_gg_._size_l_1w2w2_gg_{width:21px}.___SPickerFormat_1w2w2_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1w2w2_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1w2w2_gg_.__active_1w2w2_gg_,.___SPickerFormat_1w2w2_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1w2w2_gg_._size_m_1w2w2_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1w2w2_gg_._size_m_1w2w2_gg_ .___SPickerFormatText_1w2w2_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1w2w2_gg_._size_l_1w2w2_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1w2w2_gg_._size_l_1w2w2_gg_ .___SPickerFormatText_1w2w2_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1w2w2_gg_.__disabled_1w2w2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1w2w2_gg_.__keyboardFocused_1w2w2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1w2w2_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1w2w2_gg_.__disabled_1w2w2_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1w2w2_gg_") /*__reshadow_css_end__*/, {
+  "__STimePicker": "___STimePicker_1w2w2_gg_",
+  "_disabled": "__disabled_1w2w2_gg_",
+  "__SPickerInput": "___SPickerInput_1w2w2_gg_",
+  "_placeholder": "__placeholder_1w2w2_gg_",
+  "_size_m": "_size_m_1w2w2_gg_",
+  "_size_l": "_size_l_1w2w2_gg_",
+  "__SPickerFormat": "___SPickerFormat_1w2w2_gg_",
+  "_active": "__active_1w2w2_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_1w2w2_gg_",
+  "_keyboardFocused": "__keyboardFocused_1w2w2_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_1w2w2_gg_"
 });
 var MAP_MERIDIEM = {
   AM: 'PM',

package/lib/es6/style/time-picker.shadow.css

@@ -12,18 +12,26 @@ SPickerInput {
   box-sizing: content-box;
   text-align: center;
   z-index: 1;
+  height: 1.5em;
 
   &[placeholder] {
     text-overflow: initial;
   }
+  &:focus {
+    background-color: var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2));
+  }
 }
 
 SPickerInput[size='m'] {
   width: 19px;
+  margin: 0 var(--intergalactic-spacing-2x, 8px);
+  padding: 0;
 }
 
 SPickerInput[size='l'] {
   width: 21px;
+  margin: 0 var(--intergalactic-spacing-2x, 8px);
+  padding: 0;
 }
 
 SPickerFormat {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/time-picker",
   "description": "Semrush TimePicker Component",
-  "version": "3.4.55",
+  "version": "3.5.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",