@semcore/time-picker 16.0.0 → 16.1.0-prerelease.2

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.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [16.1.0] - 2025-05-23
6
+
7
+ ### Changed
8
+
9
+ - Version minor update due to children dependencies update (`@semcore/select` [16.0.0 ~> 16.1.0]).
10
+
5
11
  ## [16.0.0] - 2025-05-19
6
12
 
7
13
  ### Break
@@ -27,19 +27,19 @@ var _PickerFormat = _interopRequireDefault(require("./PickerFormat"));
27
27
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
28
28
  var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
29
29
  /*!__reshadow-styles__:"./style/time-picker.shadow.css"*/
30
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STimePicker_xkf0v_gg_{position:relative;width:auto;outline:0}.___STimePicker_xkf0v_gg_.__disabled_xkf0v_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_xkf0v_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_xkf0v_gg_.__placeholder_xkf0v_gg_{text-overflow:initial}.___SPickerInput_xkf0v_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_xkf0v_gg_._size_l_xkf0v_gg_,.___SPickerInput_xkf0v_gg_._size_m_xkf0v_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_xkf0v_gg_._size_l_xkf0v_gg_{width:21px}.___SPickerFormat_xkf0v_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;-webkit-text-decoration:none;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;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_xkf0v_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_xkf0v_gg_.__active_xkf0v_gg_,.___SPickerFormat_xkf0v_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_xkf0v_gg_._size_m_xkf0v_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_xkf0v_gg_._size_m_xkf0v_gg_ .___SPickerFormatText_xkf0v_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_xkf0v_gg_._size_l_xkf0v_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_xkf0v_gg_._size_l_xkf0v_gg_ .___SPickerFormatText_xkf0v_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_xkf0v_gg_.__disabled_xkf0v_gg_{cursor:default;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___STimePickerSeparator_xkf0v_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SPickerFormat_xkf0v_gg_.__disabled_xkf0v_gg_,.___STimePickerSeparator_xkf0v_gg_.__disabled_xkf0v_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}", /*__inner_css_end__*/"xkf0v_gg_"),
30
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STimePicker_1hlr8_gg_{position:relative;width:auto;outline:0}.___STimePicker_1hlr8_gg_.__disabled_1hlr8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1hlr8_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1hlr8_gg_.__placeholder_1hlr8_gg_{text-overflow:initial}.___SPickerInput_1hlr8_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1hlr8_gg_._size_l_1hlr8_gg_,.___SPickerInput_1hlr8_gg_._size_m_1hlr8_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1hlr8_gg_._size_l_1hlr8_gg_{width:21px}.___SPickerFormat_1hlr8_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;-webkit-text-decoration:none;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;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_1hlr8_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1hlr8_gg_.__active_1hlr8_gg_,.___SPickerFormat_1hlr8_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1hlr8_gg_._size_m_1hlr8_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1hlr8_gg_._size_m_1hlr8_gg_ .___SPickerFormatText_1hlr8_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1hlr8_gg_._size_l_1hlr8_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_1hlr8_gg_._size_l_1hlr8_gg_ .___SPickerFormatText_1hlr8_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1hlr8_gg_.__disabled_1hlr8_gg_{cursor:default;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___STimePickerSeparator_1hlr8_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SPickerFormat_1hlr8_gg_.__disabled_1hlr8_gg_,.___STimePickerSeparator_1hlr8_gg_.__disabled_1hlr8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}", /*__inner_css_end__*/"1hlr8_gg_"),
31
31
  /*__reshadow_css_end__*/
32
32
  {
33
- "__STimePicker": "___STimePicker_xkf0v_gg_",
34
- "_disabled": "__disabled_xkf0v_gg_",
35
- "__SPickerInput": "___SPickerInput_xkf0v_gg_",
36
- "_size_m": "_size_m_xkf0v_gg_",
37
- "_size_l": "_size_l_xkf0v_gg_",
38
- "__SPickerFormat": "___SPickerFormat_xkf0v_gg_",
39
- "__STimePickerSeparator": "___STimePickerSeparator_xkf0v_gg_",
40
- "_placeholder": "__placeholder_xkf0v_gg_",
41
- "_active": "__active_xkf0v_gg_",
42
- "__SPickerFormatText": "___SPickerFormatText_xkf0v_gg_"
33
+ "__STimePicker": "___STimePicker_1hlr8_gg_",
34
+ "_disabled": "__disabled_1hlr8_gg_",
35
+ "__SPickerInput": "___SPickerInput_1hlr8_gg_",
36
+ "_size_m": "_size_m_1hlr8_gg_",
37
+ "_size_l": "_size_l_1hlr8_gg_",
38
+ "__SPickerFormat": "___SPickerFormat_1hlr8_gg_",
39
+ "__STimePickerSeparator": "___STimePickerSeparator_1hlr8_gg_",
40
+ "_placeholder": "__placeholder_1hlr8_gg_",
41
+ "_active": "__active_1hlr8_gg_",
42
+ "__SPickerFormatText": "___SPickerFormatText_1hlr8_gg_"
43
43
  });
44
44
  var MAP_MERIDIEM = {
45
45
  AM: 'PM',
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { InputProps, InputValueProps } from '@semcore/input';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ITimePickerProps extends TimePickerProps, UnknownProperties {}\nexport type TimePickerProps = Omit<InputProps, '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 locale?: string;\n};\n\n/** @deprecated */\nexport interface ITimePickerItemProps extends TimePickerItemProps, UnknownProperties {}\nexport type TimePickerItemProps = InputValueProps & {\n /** Step for changing of the values in the dropdown list */\n step?: number;\n};\n\n/** @deprecated */\nexport interface ITimePickerFormatProps extends TimePickerFormatProps, UnknownProperties {}\nexport type TimePickerFormatProps = BoxProps & KeyboardFocusProps & {};\n\n/** @deprecated */\nexport interface ITimePickerContext extends TimePickerContext, UnknownProperties {}\nexport type TimePickerContext = {\n getHoursProps: PropGetterFn;\n getFormatProps: PropGetterFn;\n getMinutesProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITimePickerHandlers extends TimePickerHandlers, UnknownProperties {}\nexport type TimePickerHandlers = {\n value: (value: string) => void;\n};\n\ndeclare const TimePicker: Intergalactic.Component<\n 'div',\n TimePickerProps,\n TimePickerContext,\n [handlers: TimePickerHandlers]\n> & {\n Hours: Intergalactic.Component<'div', TimePickerItemProps>;\n Minutes: Intergalactic.Component<'div', TimePickerItemProps>;\n Separator: typeof Box;\n Format: Intergalactic.Component<'div', TimePickerFormatProps>;\n};\n\nexport default TimePicker;\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { InputProps, InputValueProps } from '@semcore/input';\nimport { Box, BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ITimePickerProps extends TimePickerProps, UnknownProperties {}\nexport type TimePickerProps = Omit<InputProps, '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 locale?: string;\n};\n\n/** @deprecated */\nexport interface ITimePickerItemProps extends TimePickerItemProps, UnknownProperties {}\nexport type TimePickerItemProps = InputValueProps & {\n /** Step for changing of the values in the dropdown list */\n step?: number;\n};\n\n/** @deprecated */\nexport interface ITimePickerFormatProps extends TimePickerFormatProps, UnknownProperties {}\nexport type TimePickerFormatProps = BoxProps & {};\n\n/** @deprecated */\nexport interface ITimePickerContext extends TimePickerContext, UnknownProperties {}\nexport type TimePickerContext = {\n getHoursProps: PropGetterFn;\n getFormatProps: PropGetterFn;\n getMinutesProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITimePickerHandlers extends TimePickerHandlers, UnknownProperties {}\nexport type TimePickerHandlers = {\n value: (value: string) => void;\n};\n\ndeclare const TimePicker: Intergalactic.Component<\n 'div',\n TimePickerProps,\n TimePickerContext,\n [handlers: TimePickerHandlers]\n> & {\n Hours: Intergalactic.Component<'div', TimePickerItemProps>;\n Minutes: Intergalactic.Component<'div', TimePickerItemProps>;\n Separator: typeof Box;\n Format: Intergalactic.Component<'div', TimePickerFormatProps>;\n};\n\nexport default TimePicker;\n"],"mappings":""}
@@ -18,19 +18,19 @@ import Format from './PickerFormat';
18
18
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
19
19
  import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
20
20
  /*!__reshadow-styles__:"./style/time-picker.shadow.css"*/
21
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_xkf0v_gg_{position:relative;width:auto;outline:0}.___STimePicker_xkf0v_gg_.__disabled_xkf0v_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_xkf0v_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_xkf0v_gg_.__placeholder_xkf0v_gg_{text-overflow:initial}.___SPickerInput_xkf0v_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_xkf0v_gg_._size_l_xkf0v_gg_,.___SPickerInput_xkf0v_gg_._size_m_xkf0v_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_xkf0v_gg_._size_l_xkf0v_gg_{width:21px}.___SPickerFormat_xkf0v_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;-webkit-text-decoration:none;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;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_xkf0v_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_xkf0v_gg_.__active_xkf0v_gg_,.___SPickerFormat_xkf0v_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_xkf0v_gg_._size_m_xkf0v_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_xkf0v_gg_._size_m_xkf0v_gg_ .___SPickerFormatText_xkf0v_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_xkf0v_gg_._size_l_xkf0v_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_xkf0v_gg_._size_l_xkf0v_gg_ .___SPickerFormatText_xkf0v_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_xkf0v_gg_.__disabled_xkf0v_gg_{cursor:default;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___STimePickerSeparator_xkf0v_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SPickerFormat_xkf0v_gg_.__disabled_xkf0v_gg_,.___STimePickerSeparator_xkf0v_gg_.__disabled_xkf0v_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}", /*__inner_css_end__*/"xkf0v_gg_"),
21
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_1hlr8_gg_{position:relative;width:auto;outline:0}.___STimePicker_1hlr8_gg_.__disabled_1hlr8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1hlr8_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1hlr8_gg_.__placeholder_1hlr8_gg_{text-overflow:initial}.___SPickerInput_1hlr8_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1hlr8_gg_._size_l_1hlr8_gg_,.___SPickerInput_1hlr8_gg_._size_m_1hlr8_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1hlr8_gg_._size_l_1hlr8_gg_{width:21px}.___SPickerFormat_1hlr8_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;-webkit-text-decoration:none;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;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_1hlr8_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1hlr8_gg_.__active_1hlr8_gg_,.___SPickerFormat_1hlr8_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1hlr8_gg_._size_m_1hlr8_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1hlr8_gg_._size_m_1hlr8_gg_ .___SPickerFormatText_1hlr8_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1hlr8_gg_._size_l_1hlr8_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_1hlr8_gg_._size_l_1hlr8_gg_ .___SPickerFormatText_1hlr8_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1hlr8_gg_.__disabled_1hlr8_gg_{cursor:default;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___STimePickerSeparator_1hlr8_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SPickerFormat_1hlr8_gg_.__disabled_1hlr8_gg_,.___STimePickerSeparator_1hlr8_gg_.__disabled_1hlr8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}", /*__inner_css_end__*/"1hlr8_gg_"),
22
22
  /*__reshadow_css_end__*/
23
23
  {
24
- "__STimePicker": "___STimePicker_xkf0v_gg_",
25
- "_disabled": "__disabled_xkf0v_gg_",
26
- "__SPickerInput": "___SPickerInput_xkf0v_gg_",
27
- "_size_m": "_size_m_xkf0v_gg_",
28
- "_size_l": "_size_l_xkf0v_gg_",
29
- "__SPickerFormat": "___SPickerFormat_xkf0v_gg_",
30
- "__STimePickerSeparator": "___STimePickerSeparator_xkf0v_gg_",
31
- "_placeholder": "__placeholder_xkf0v_gg_",
32
- "_active": "__active_xkf0v_gg_",
33
- "__SPickerFormatText": "___SPickerFormatText_xkf0v_gg_"
24
+ "__STimePicker": "___STimePicker_1hlr8_gg_",
25
+ "_disabled": "__disabled_1hlr8_gg_",
26
+ "__SPickerInput": "___SPickerInput_1hlr8_gg_",
27
+ "_size_m": "_size_m_1hlr8_gg_",
28
+ "_size_l": "_size_l_1hlr8_gg_",
29
+ "__SPickerFormat": "___SPickerFormat_1hlr8_gg_",
30
+ "__STimePickerSeparator": "___STimePickerSeparator_1hlr8_gg_",
31
+ "_placeholder": "__placeholder_1hlr8_gg_",
32
+ "_active": "__active_1hlr8_gg_",
33
+ "__SPickerFormatText": "___SPickerFormatText_1hlr8_gg_"
34
34
  });
35
35
  var MAP_MERIDIEM = {
36
36
  AM: 'PM',
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { InputProps, InputValueProps } from '@semcore/input';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';\n\n/** @deprecated */\nexport interface ITimePickerProps extends TimePickerProps, UnknownProperties {}\nexport type TimePickerProps = Omit<InputProps, '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 locale?: string;\n};\n\n/** @deprecated */\nexport interface ITimePickerItemProps extends TimePickerItemProps, UnknownProperties {}\nexport type TimePickerItemProps = InputValueProps & {\n /** Step for changing of the values in the dropdown list */\n step?: number;\n};\n\n/** @deprecated */\nexport interface ITimePickerFormatProps extends TimePickerFormatProps, UnknownProperties {}\nexport type TimePickerFormatProps = BoxProps & KeyboardFocusProps & {};\n\n/** @deprecated */\nexport interface ITimePickerContext extends TimePickerContext, UnknownProperties {}\nexport type TimePickerContext = {\n getHoursProps: PropGetterFn;\n getFormatProps: PropGetterFn;\n getMinutesProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITimePickerHandlers extends TimePickerHandlers, UnknownProperties {}\nexport type TimePickerHandlers = {\n value: (value: string) => void;\n};\n\ndeclare const TimePicker: Intergalactic.Component<\n 'div',\n TimePickerProps,\n TimePickerContext,\n [handlers: TimePickerHandlers]\n> & {\n Hours: Intergalactic.Component<'div', TimePickerItemProps>;\n Minutes: Intergalactic.Component<'div', TimePickerItemProps>;\n Separator: typeof Box;\n Format: Intergalactic.Component<'div', TimePickerFormatProps>;\n};\n\nexport default TimePicker;\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { InputProps, InputValueProps } from '@semcore/input';\nimport { Box, BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ITimePickerProps extends TimePickerProps, UnknownProperties {}\nexport type TimePickerProps = Omit<InputProps, '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 locale?: string;\n};\n\n/** @deprecated */\nexport interface ITimePickerItemProps extends TimePickerItemProps, UnknownProperties {}\nexport type TimePickerItemProps = InputValueProps & {\n /** Step for changing of the values in the dropdown list */\n step?: number;\n};\n\n/** @deprecated */\nexport interface ITimePickerFormatProps extends TimePickerFormatProps, UnknownProperties {}\nexport type TimePickerFormatProps = BoxProps & {};\n\n/** @deprecated */\nexport interface ITimePickerContext extends TimePickerContext, UnknownProperties {}\nexport type TimePickerContext = {\n getHoursProps: PropGetterFn;\n getFormatProps: PropGetterFn;\n getMinutesProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITimePickerHandlers extends TimePickerHandlers, UnknownProperties {}\nexport type TimePickerHandlers = {\n value: (value: string) => void;\n};\n\ndeclare const TimePicker: Intergalactic.Component<\n 'div',\n TimePickerProps,\n TimePickerContext,\n [handlers: TimePickerHandlers]\n> & {\n Hours: Intergalactic.Component<'div', TimePickerItemProps>;\n Minutes: Intergalactic.Component<'div', TimePickerItemProps>;\n Separator: typeof Box;\n Format: Intergalactic.Component<'div', TimePickerFormatProps>;\n};\n\nexport default TimePicker;\n"],"mappings":""}
@@ -19,21 +19,21 @@ var style = (
19
19
  /*__reshadow_css_start__*/
20
20
  (sstyled.insert(
21
21
  /*__inner_css_start__*/
22
- ".___STimePicker_xkf0v_gg_{position:relative;width:auto;outline:0}.___STimePicker_xkf0v_gg_.__disabled_xkf0v_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_xkf0v_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_xkf0v_gg_.__placeholder_xkf0v_gg_{text-overflow:initial}.___SPickerInput_xkf0v_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_xkf0v_gg_._size_l_xkf0v_gg_,.___SPickerInput_xkf0v_gg_._size_m_xkf0v_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_xkf0v_gg_._size_l_xkf0v_gg_{width:21px}.___SPickerFormat_xkf0v_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;-webkit-text-decoration:none;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;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_xkf0v_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_xkf0v_gg_.__active_xkf0v_gg_,.___SPickerFormat_xkf0v_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_xkf0v_gg_._size_m_xkf0v_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_xkf0v_gg_._size_m_xkf0v_gg_ .___SPickerFormatText_xkf0v_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_xkf0v_gg_._size_l_xkf0v_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_xkf0v_gg_._size_l_xkf0v_gg_ .___SPickerFormatText_xkf0v_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_xkf0v_gg_.__disabled_xkf0v_gg_{cursor:default;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___STimePickerSeparator_xkf0v_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SPickerFormat_xkf0v_gg_.__disabled_xkf0v_gg_,.___STimePickerSeparator_xkf0v_gg_.__disabled_xkf0v_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}",
22
+ ".___STimePicker_1hlr8_gg_{position:relative;width:auto;outline:0}.___STimePicker_1hlr8_gg_.__disabled_1hlr8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1hlr8_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1hlr8_gg_.__placeholder_1hlr8_gg_{text-overflow:initial}.___SPickerInput_1hlr8_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1hlr8_gg_._size_l_1hlr8_gg_,.___SPickerInput_1hlr8_gg_._size_m_1hlr8_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1hlr8_gg_._size_l_1hlr8_gg_{width:21px}.___SPickerFormat_1hlr8_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;-webkit-text-decoration:none;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;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_1hlr8_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1hlr8_gg_.__active_1hlr8_gg_,.___SPickerFormat_1hlr8_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1hlr8_gg_._size_m_1hlr8_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1hlr8_gg_._size_m_1hlr8_gg_ .___SPickerFormatText_1hlr8_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1hlr8_gg_._size_l_1hlr8_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_1hlr8_gg_._size_l_1hlr8_gg_ .___SPickerFormatText_1hlr8_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1hlr8_gg_.__disabled_1hlr8_gg_{cursor:default;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___STimePickerSeparator_1hlr8_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SPickerFormat_1hlr8_gg_.__disabled_1hlr8_gg_,.___STimePickerSeparator_1hlr8_gg_.__disabled_1hlr8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}",
23
23
  /*__inner_css_end__*/
24
- "xkf0v_gg_"
24
+ "1hlr8_gg_"
25
25
  ), /*__reshadow_css_end__*/
26
26
  {
27
- "__STimePicker": "___STimePicker_xkf0v_gg_",
28
- "_disabled": "__disabled_xkf0v_gg_",
29
- "__SPickerInput": "___SPickerInput_xkf0v_gg_",
30
- "_size_m": "_size_m_xkf0v_gg_",
31
- "_size_l": "_size_l_xkf0v_gg_",
32
- "__SPickerFormat": "___SPickerFormat_xkf0v_gg_",
33
- "__STimePickerSeparator": "___STimePickerSeparator_xkf0v_gg_",
34
- "_placeholder": "__placeholder_xkf0v_gg_",
35
- "_active": "__active_xkf0v_gg_",
36
- "__SPickerFormatText": "___SPickerFormatText_xkf0v_gg_"
27
+ "__STimePicker": "___STimePicker_1hlr8_gg_",
28
+ "_disabled": "__disabled_1hlr8_gg_",
29
+ "__SPickerInput": "___SPickerInput_1hlr8_gg_",
30
+ "_size_m": "_size_m_1hlr8_gg_",
31
+ "_size_l": "_size_l_1hlr8_gg_",
32
+ "__SPickerFormat": "___SPickerFormat_1hlr8_gg_",
33
+ "__STimePickerSeparator": "___STimePickerSeparator_1hlr8_gg_",
34
+ "_placeholder": "__placeholder_1hlr8_gg_",
35
+ "_active": "__active_1hlr8_gg_",
36
+ "__SPickerFormatText": "___SPickerFormatText_1hlr8_gg_"
37
37
  })
38
38
  );
39
39
  var MAP_MERIDIEM = {
@@ -2,7 +2,6 @@ import React from 'react';
2
2
  import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
3
3
  import { InputProps, InputValueProps } from '@semcore/input';
4
4
  import { Box, BoxProps } from '@semcore/flex-box';
5
- import { KeyboardFocusProps } from '@semcore/core/lib/utils/enhances/keyboardFocusEnhance';
6
5
 
7
6
  /** @deprecated */
8
7
  export interface ITimePickerProps extends TimePickerProps, UnknownProperties {}
@@ -32,7 +31,7 @@ export type TimePickerItemProps = InputValueProps & {
32
31
 
33
32
  /** @deprecated */
34
33
  export interface ITimePickerFormatProps extends TimePickerFormatProps, UnknownProperties {}
35
- export type TimePickerFormatProps = BoxProps & KeyboardFocusProps & {};
34
+ export type TimePickerFormatProps = BoxProps & {};
36
35
 
37
36
  /** @deprecated */
38
37
  export interface ITimePickerContext extends TimePickerContext, UnknownProperties {}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/time-picker",
3
3
  "description": "Semrush TimePicker Component",
4
- "version": "16.0.0",
4
+ "version": "16.1.0-prerelease.2",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,13 +14,13 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/flex-box": "16.0.0",
18
- "@semcore/button": "16.0.0",
19
- "@semcore/input": "16.0.0",
20
- "@semcore/select": "16.0.0"
17
+ "@semcore/flex-box": "16.0.0-prerelease.2",
18
+ "@semcore/button": "16.0.0-prerelease.2",
19
+ "@semcore/input": "16.0.0-prerelease.2",
20
+ "@semcore/select": "16.1.0-prerelease.2"
21
21
  },
22
22
  "peerDependencies": {
23
- "@semcore/base-components": "^16.0.0"
23
+ "@semcore/base-components": "^16.0.0-prerelease.2"
24
24
  },
25
25
  "repository": {
26
26
  "type": "git",