@semcore/time-picker 3.0.6 → 3.0.9

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,24 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [3.0.9] - 2022-05-31
6
+
7
+ ### Changed
8
+
9
+ - Version patch update due to children dependencies update (`@semcore/select` [3.0.5 ~> 3.0.6]).
10
+
11
+ ## [3.0.8] - 2022-05-30
12
+
13
+ ### Fixed
14
+
15
+ - Fixed show `<Timepicker size='l' is12Hour/>` (added margin right to -4px for `Timepicker.Format`).
16
+
17
+ ## [3.0.7] - 2022-05-27
18
+
19
+ ### Changed
20
+
21
+ - Version patch update due to children dependencies update (`@semcore/button` [4.0.3 ~> 4.0.4]).
22
+
5
23
  ## [3.0.6] - 2022-05-23
6
24
 
7
25
  ### Changed
@@ -61,22 +61,22 @@ var style = (
61
61
  /*__reshadow_css_start__*/
62
62
  _core.sstyled.insert(
63
63
  /*__inner_css_start__*/
64
- ".___STimePicker_p894m_gg_{position:relative;width:auto}.___STimePicker_p894m_gg_.__disabled_p894m_gg_{color:rgba(25,27,35,.3);cursor:default}.___SPickerInput_p894m_gg_{box-sizing:content-box;text-align:center;z-index:1}.___SPickerInput_p894m_gg_.__placeholder_p894m_gg_{text-overflow:clip}.___SPickerInput_p894m_gg_._size_m_p894m_gg_{width:19px}.___SPickerInput_p894m_gg_._size_l_p894m_gg_{width:21px}.___SPickerFormat_p894m_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;margin:0 -1px 0 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_p894m_gg_:hover{color:#6c6e79;background-color:rgba(138,142,155,.2)}.___SPickerFormat_p894m_gg_:active,.___SPickerFormat_p894m_gg_.__active_p894m_gg_{color:#6c6e79;background-color:rgba(138,142,155,.3)}.___SPickerFormat_p894m_gg_._size_m_p894m_gg_{height:28px;font-size:14px}.___SPickerFormat_p894m_gg_._size_m_p894m_gg_ .___SPickerFormatText_p894m_gg_{margin:0 8px}.___SPickerFormat_p894m_gg_._size_l_p894m_gg_{height:40px;font-size:16px}.___SPickerFormat_p894m_gg_._size_l_p894m_gg_ .___SPickerFormatText_p894m_gg_{margin:0 12px}.___SPickerFormat_p894m_gg_.__disabled_p894m_gg_{opacity:0.3;cursor:default;pointer-events:none;border-color:transparent transparent transparent #c4c7cf}.___SPickerFormat_p894m_gg_.__keyboardFocused_p894m_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___STimePickerSeparator_p894m_gg_.__disabled_p894m_gg_{opacity:0.3;pointer-events:none}"
64
+ ".___STimePicker_1yro5_gg_{position:relative;width:auto}.___STimePicker_1yro5_gg_.__disabled_1yro5_gg_{color:rgba(25,27,35,.3);cursor:default}.___SPickerInput_1yro5_gg_{box-sizing:content-box;text-align:center;z-index:1}.___SPickerInput_1yro5_gg_.__placeholder_1yro5_gg_{text-overflow:clip}.___SPickerInput_1yro5_gg_._size_m_1yro5_gg_{width:19px}.___SPickerInput_1yro5_gg_._size_l_1yro5_gg_{width:21px}.___SPickerFormat_1yro5_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_1yro5_gg_:hover{color:#6c6e79;background-color:rgba(138,142,155,.2)}.___SPickerFormat_1yro5_gg_:active,.___SPickerFormat_1yro5_gg_.__active_1yro5_gg_{color:#6c6e79;background-color:rgba(138,142,155,.3)}.___SPickerFormat_1yro5_gg_._size_m_1yro5_gg_{height:28px;font-size:14px;margin:0 -1px 0 0}.___SPickerFormat_1yro5_gg_._size_m_1yro5_gg_ .___SPickerFormatText_1yro5_gg_{margin:0 8px}.___SPickerFormat_1yro5_gg_._size_l_1yro5_gg_{height:40px;font-size:16px;margin:0 -4px 0 0}.___SPickerFormat_1yro5_gg_._size_l_1yro5_gg_ .___SPickerFormatText_1yro5_gg_{margin:0 12px}.___SPickerFormat_1yro5_gg_.__disabled_1yro5_gg_{opacity:0.3;cursor:default;pointer-events:none;border-color:transparent transparent transparent #c4c7cf}.___SPickerFormat_1yro5_gg_.__keyboardFocused_1yro5_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___STimePickerSeparator_1yro5_gg_.__disabled_1yro5_gg_{opacity:0.3;pointer-events:none}"
65
65
  /*__inner_css_end__*/
66
- , "16g3yp6_gg_")
66
+ , "m3tn0e_gg_")
67
67
  /*__reshadow_css_end__*/
68
68
  , {
69
- "__STimePicker": "___STimePicker_p894m_gg_",
70
- "_disabled": "__disabled_p894m_gg_",
71
- "__SPickerInput": "___SPickerInput_p894m_gg_",
72
- "_placeholder": "__placeholder_p894m_gg_",
73
- "_size_m": "_size_m_p894m_gg_",
74
- "_size_l": "_size_l_p894m_gg_",
75
- "__SPickerFormat": "___SPickerFormat_p894m_gg_",
76
- "_active": "__active_p894m_gg_",
77
- "__SPickerFormatText": "___SPickerFormatText_p894m_gg_",
78
- "_keyboardFocused": "__keyboardFocused_p894m_gg_",
79
- "__STimePickerSeparator": "___STimePickerSeparator_p894m_gg_"
69
+ "__STimePicker": "___STimePicker_1yro5_gg_",
70
+ "_disabled": "__disabled_1yro5_gg_",
71
+ "__SPickerInput": "___SPickerInput_1yro5_gg_",
72
+ "_placeholder": "__placeholder_1yro5_gg_",
73
+ "_size_m": "_size_m_1yro5_gg_",
74
+ "_size_l": "_size_l_1yro5_gg_",
75
+ "__SPickerFormat": "___SPickerFormat_1yro5_gg_",
76
+ "_active": "__active_1yro5_gg_",
77
+ "__SPickerFormatText": "___SPickerFormatText_1yro5_gg_",
78
+ "_keyboardFocused": "__keyboardFocused_1yro5_gg_",
79
+ "__STimePickerSeparator": "___STimePickerSeparator_1yro5_gg_"
80
80
  });
81
81
  var MAP_MERIDIEM = {
82
82
  AM: 'PM',
@@ -33,7 +33,6 @@ SPickerFormat {
33
33
  position: relative;
34
34
  display: inline-flex;
35
35
  padding: 0;
36
- margin: 0 -1px 0 0;
37
36
  white-space: nowrap;
38
37
  font-family: inherit;
39
38
  font-weight: 500;
@@ -68,6 +67,7 @@ SPickerFormat {
68
67
  SPickerFormat[size='m'] {
69
68
  height: var(--form-control-m);
70
69
  font-size: var(--fs-200);
70
+ margin: 0 -1px 0 0;
71
71
  & SPickerFormatText {
72
72
  margin: 0 8px;
73
73
  }
@@ -76,6 +76,7 @@ SPickerFormat[size='m'] {
76
76
  SPickerFormat[size='l'] {
77
77
  height: var(--form-control-l);
78
78
  font-size: var(--fs-300);
79
+ margin: 0 -4px 0 0;
79
80
  & SPickerFormatText {
80
81
  margin: 0 12px;
81
82
  }
@@ -30,22 +30,22 @@ var style = (
30
30
  /*__reshadow_css_start__*/
31
31
  _sstyled.insert(
32
32
  /*__inner_css_start__*/
33
- ".___STimePicker_p894m_gg_{position:relative;width:auto}.___STimePicker_p894m_gg_.__disabled_p894m_gg_{color:rgba(25,27,35,.3);cursor:default}.___SPickerInput_p894m_gg_{box-sizing:content-box;text-align:center;z-index:1}.___SPickerInput_p894m_gg_.__placeholder_p894m_gg_{text-overflow:clip}.___SPickerInput_p894m_gg_._size_m_p894m_gg_{width:19px}.___SPickerInput_p894m_gg_._size_l_p894m_gg_{width:21px}.___SPickerFormat_p894m_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;margin:0 -1px 0 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_p894m_gg_:hover{color:#6c6e79;background-color:rgba(138,142,155,.2)}.___SPickerFormat_p894m_gg_:active,.___SPickerFormat_p894m_gg_.__active_p894m_gg_{color:#6c6e79;background-color:rgba(138,142,155,.3)}.___SPickerFormat_p894m_gg_._size_m_p894m_gg_{height:28px;font-size:14px}.___SPickerFormat_p894m_gg_._size_m_p894m_gg_ .___SPickerFormatText_p894m_gg_{margin:0 8px}.___SPickerFormat_p894m_gg_._size_l_p894m_gg_{height:40px;font-size:16px}.___SPickerFormat_p894m_gg_._size_l_p894m_gg_ .___SPickerFormatText_p894m_gg_{margin:0 12px}.___SPickerFormat_p894m_gg_.__disabled_p894m_gg_{opacity:0.3;cursor:default;pointer-events:none;border-color:transparent transparent transparent #c4c7cf}.___SPickerFormat_p894m_gg_.__keyboardFocused_p894m_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___STimePickerSeparator_p894m_gg_.__disabled_p894m_gg_{opacity:0.3;pointer-events:none}"
33
+ ".___STimePicker_1yro5_gg_{position:relative;width:auto}.___STimePicker_1yro5_gg_.__disabled_1yro5_gg_{color:rgba(25,27,35,.3);cursor:default}.___SPickerInput_1yro5_gg_{box-sizing:content-box;text-align:center;z-index:1}.___SPickerInput_1yro5_gg_.__placeholder_1yro5_gg_{text-overflow:clip}.___SPickerInput_1yro5_gg_._size_m_1yro5_gg_{width:19px}.___SPickerInput_1yro5_gg_._size_l_1yro5_gg_{width:21px}.___SPickerFormat_1yro5_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_1yro5_gg_:hover{color:#6c6e79;background-color:rgba(138,142,155,.2)}.___SPickerFormat_1yro5_gg_:active,.___SPickerFormat_1yro5_gg_.__active_1yro5_gg_{color:#6c6e79;background-color:rgba(138,142,155,.3)}.___SPickerFormat_1yro5_gg_._size_m_1yro5_gg_{height:28px;font-size:14px;margin:0 -1px 0 0}.___SPickerFormat_1yro5_gg_._size_m_1yro5_gg_ .___SPickerFormatText_1yro5_gg_{margin:0 8px}.___SPickerFormat_1yro5_gg_._size_l_1yro5_gg_{height:40px;font-size:16px;margin:0 -4px 0 0}.___SPickerFormat_1yro5_gg_._size_l_1yro5_gg_ .___SPickerFormatText_1yro5_gg_{margin:0 12px}.___SPickerFormat_1yro5_gg_.__disabled_1yro5_gg_{opacity:0.3;cursor:default;pointer-events:none;border-color:transparent transparent transparent #c4c7cf}.___SPickerFormat_1yro5_gg_.__keyboardFocused_1yro5_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___STimePickerSeparator_1yro5_gg_.__disabled_1yro5_gg_{opacity:0.3;pointer-events:none}"
34
34
  /*__inner_css_end__*/
35
- , "16g3yp6_gg_")
35
+ , "m3tn0e_gg_")
36
36
  /*__reshadow_css_end__*/
37
37
  , {
38
- "__STimePicker": "___STimePicker_p894m_gg_",
39
- "_disabled": "__disabled_p894m_gg_",
40
- "__SPickerInput": "___SPickerInput_p894m_gg_",
41
- "_placeholder": "__placeholder_p894m_gg_",
42
- "_size_m": "_size_m_p894m_gg_",
43
- "_size_l": "_size_l_p894m_gg_",
44
- "__SPickerFormat": "___SPickerFormat_p894m_gg_",
45
- "_active": "__active_p894m_gg_",
46
- "__SPickerFormatText": "___SPickerFormatText_p894m_gg_",
47
- "_keyboardFocused": "__keyboardFocused_p894m_gg_",
48
- "__STimePickerSeparator": "___STimePickerSeparator_p894m_gg_"
38
+ "__STimePicker": "___STimePicker_1yro5_gg_",
39
+ "_disabled": "__disabled_1yro5_gg_",
40
+ "__SPickerInput": "___SPickerInput_1yro5_gg_",
41
+ "_placeholder": "__placeholder_1yro5_gg_",
42
+ "_size_m": "_size_m_1yro5_gg_",
43
+ "_size_l": "_size_l_1yro5_gg_",
44
+ "__SPickerFormat": "___SPickerFormat_1yro5_gg_",
45
+ "_active": "__active_1yro5_gg_",
46
+ "__SPickerFormatText": "___SPickerFormatText_1yro5_gg_",
47
+ "_keyboardFocused": "__keyboardFocused_1yro5_gg_",
48
+ "__STimePickerSeparator": "___STimePickerSeparator_1yro5_gg_"
49
49
  });
50
50
  var MAP_MERIDIEM = {
51
51
  AM: 'PM',
@@ -33,7 +33,6 @@ SPickerFormat {
33
33
  position: relative;
34
34
  display: inline-flex;
35
35
  padding: 0;
36
- margin: 0 -1px 0 0;
37
36
  white-space: nowrap;
38
37
  font-family: inherit;
39
38
  font-weight: 500;
@@ -68,6 +67,7 @@ SPickerFormat {
68
67
  SPickerFormat[size='m'] {
69
68
  height: var(--form-control-m);
70
69
  font-size: var(--fs-200);
70
+ margin: 0 -1px 0 0;
71
71
  & SPickerFormatText {
72
72
  margin: 0 8px;
73
73
  }
@@ -76,6 +76,7 @@ SPickerFormat[size='m'] {
76
76
  SPickerFormat[size='l'] {
77
77
  height: var(--form-control-l);
78
78
  font-size: var(--fs-300);
79
+ margin: 0 -4px 0 0;
79
80
  & SPickerFormatText {
80
81
  margin: 0 12px;
81
82
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/time-picker",
3
3
  "description": "SEMRush TimePicker Component",
4
- "version": "3.0.6",
4
+ "version": "3.0.9",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -33,7 +33,6 @@ SPickerFormat {
33
33
  position: relative;
34
34
  display: inline-flex;
35
35
  padding: 0;
36
- margin: 0 -1px 0 0;
37
36
  white-space: nowrap;
38
37
  font-family: inherit;
39
38
  font-weight: 500;
@@ -68,6 +67,7 @@ SPickerFormat {
68
67
  SPickerFormat[size='m'] {
69
68
  height: var(--form-control-m);
70
69
  font-size: var(--fs-200);
70
+ margin: 0 -1px 0 0;
71
71
  & SPickerFormatText {
72
72
  margin: 0 8px;
73
73
  }
@@ -76,6 +76,7 @@ SPickerFormat[size='m'] {
76
76
  SPickerFormat[size='l'] {
77
77
  height: var(--form-control-l);
78
78
  font-size: var(--fs-300);
79
+ margin: 0 -4px 0 0;
79
80
  & SPickerFormatText {
80
81
  margin: 0 12px;
81
82
  }