@semcore/time-picker 3.0.36 → 3.1.0

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
+ ## [3.1.0] - 2022-10-10
6
+
7
+ ### Changed
8
+
9
+ - Added support for React 18 🔥
10
+
5
11
  ## [3.0.36] - 2022-10-10
6
12
 
7
13
  ### Changed
@@ -61,22 +61,22 @@ var style = (
61
61
  /*__reshadow_css_start__*/
62
62
  _core.sstyled.insert(
63
63
  /*__inner_css_start__*/
64
- ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___STimePicker_sct8y_gg_ {\n position: relative;\n width: auto;\n}\n\n.___STimePicker_sct8y_gg_.__disabled_sct8y_gg_ {\n color: rgba(25, 27, 35, 0.3);\n cursor: default;\n}\n\n.___SPickerInput_sct8y_gg_ {\n box-sizing: content-box;\n text-align: center;\n z-index: 1\n}\n\n.___SPickerInput_sct8y_gg_.__placeholder_sct8y_gg_ {\n text-overflow: initial;\n }\n\n.___SPickerInput_sct8y_gg_._size_m_sct8y_gg_ {\n width: 19px;\n}\n\n.___SPickerInput_sct8y_gg_._size_l_sct8y_gg_ {\n width: 21px;\n}\n\n.___SPickerFormat_sct8y_gg_ {\n flex-shrink: 0;\n position: relative;\n display: inline-flex;\n padding: 0;\n white-space: nowrap;\n font-family: inherit;\n font-weight: 500;\n line-height: normal;\n text-decoration: none;\n align-items: center;\n border: 1px solid #c4c7cf;\n border-radius: 0 6px 6px 0;\n outline: 0;\n box-shadow: none;\n cursor: pointer;\n box-sizing: border-box;\n overflow: visible;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n color: #6c6e79;\n background-color: rgba(138, 142, 155, 0.1)\n}\n\n.___SPickerFormat_sct8y_gg_:hover {\n color: #6c6e79;\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SPickerFormat_sct8y_gg_:active,\n .___SPickerFormat_sct8y_gg_.__active_sct8y_gg_ {\n color: #6c6e79;\n background-color: rgba(138, 142, 155, 0.3);\n }\n\n.___SPickerFormat_sct8y_gg_._size_m_sct8y_gg_ {\n height: 28px;\n font-size: 14px;\n margin: 0 -1px 0 0\n}\n\n.___SPickerFormat_sct8y_gg_._size_m_sct8y_gg_ .___SPickerFormatText_sct8y_gg_ {\n margin: 0 8px;\n }\n\n.___SPickerFormat_sct8y_gg_._size_l_sct8y_gg_ {\n height: 40px;\n font-size: 16px;\n margin: 0 -4px 0 0\n}\n\n.___SPickerFormat_sct8y_gg_._size_l_sct8y_gg_ .___SPickerFormatText_sct8y_gg_ {\n margin: 0 12px;\n }\n\n.___SPickerFormat_sct8y_gg_.__disabled_sct8y_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n border-color: transparent transparent transparent #c4c7cf;\n}\n\n.___SPickerFormat_sct8y_gg_.__keyboardFocused_sct8y_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___STimePickerSeparator_sct8y_gg_.__disabled_sct8y_gg_ {\n opacity: 0.3;\n pointer-events: none;\n}\n"
64
+ ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___STimePicker_req2f_gg_ {\n position: relative;\n width: auto;\n}\n\n.___STimePicker_req2f_gg_.__disabled_req2f_gg_ {\n color: rgba(25, 27, 35, 0.3);\n cursor: default;\n}\n\n.___SPickerInput_req2f_gg_ {\n box-sizing: content-box;\n text-align: center;\n z-index: 1\n}\n\n.___SPickerInput_req2f_gg_.__placeholder_req2f_gg_ {\n text-overflow: initial;\n }\n\n.___SPickerInput_req2f_gg_._size_m_req2f_gg_ {\n width: 19px;\n}\n\n.___SPickerInput_req2f_gg_._size_l_req2f_gg_ {\n width: 21px;\n}\n\n.___SPickerFormat_req2f_gg_ {\n flex-shrink: 0;\n position: relative;\n display: inline-flex;\n padding: 0;\n white-space: nowrap;\n font-family: inherit;\n font-weight: 500;\n line-height: normal;\n text-decoration: none;\n align-items: center;\n border: 1px solid #c4c7cf;\n border-radius: 0 6px 6px 0;\n outline: 0;\n box-shadow: none;\n cursor: pointer;\n box-sizing: border-box;\n overflow: visible;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n color: #6c6e79;\n background-color: rgba(138, 142, 155, 0.1)\n}\n\n.___SPickerFormat_req2f_gg_:hover {\n color: #6c6e79;\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SPickerFormat_req2f_gg_:active,\n .___SPickerFormat_req2f_gg_.__active_req2f_gg_ {\n color: #6c6e79;\n background-color: rgba(138, 142, 155, 0.3);\n }\n\n.___SPickerFormat_req2f_gg_._size_m_req2f_gg_ {\n height: 28px;\n font-size: 14px;\n margin: 0 -1px 0 0\n}\n\n.___SPickerFormat_req2f_gg_._size_m_req2f_gg_ .___SPickerFormatText_req2f_gg_ {\n margin: 0 8px;\n }\n\n.___SPickerFormat_req2f_gg_._size_l_req2f_gg_ {\n height: 40px;\n font-size: 16px;\n margin: 0 -4px 0 0\n}\n\n.___SPickerFormat_req2f_gg_._size_l_req2f_gg_ .___SPickerFormatText_req2f_gg_ {\n margin: 0 12px;\n }\n\n.___SPickerFormat_req2f_gg_.__disabled_req2f_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n border-color: transparent transparent transparent #c4c7cf;\n}\n\n.___SPickerFormat_req2f_gg_.__keyboardFocused_req2f_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___STimePickerSeparator_req2f_gg_.__disabled_req2f_gg_ {\n opacity: 0.3;\n pointer-events: none;\n}\n"
65
65
  /*__inner_css_end__*/
66
- , "sct8y_gg_")
66
+ , "req2f_gg_")
67
67
  /*__reshadow_css_end__*/
68
68
  , {
69
- "__STimePicker": "___STimePicker_sct8y_gg_",
70
- "_disabled": "__disabled_sct8y_gg_",
71
- "__SPickerInput": "___SPickerInput_sct8y_gg_",
72
- "_placeholder": "__placeholder_sct8y_gg_",
73
- "_size_m": "_size_m_sct8y_gg_",
74
- "_size_l": "_size_l_sct8y_gg_",
75
- "__SPickerFormat": "___SPickerFormat_sct8y_gg_",
76
- "_active": "__active_sct8y_gg_",
77
- "__SPickerFormatText": "___SPickerFormatText_sct8y_gg_",
78
- "_keyboardFocused": "__keyboardFocused_sct8y_gg_",
79
- "__STimePickerSeparator": "___STimePickerSeparator_sct8y_gg_"
69
+ "__STimePicker": "___STimePicker_req2f_gg_",
70
+ "_disabled": "__disabled_req2f_gg_",
71
+ "__SPickerInput": "___SPickerInput_req2f_gg_",
72
+ "_placeholder": "__placeholder_req2f_gg_",
73
+ "_size_m": "_size_m_req2f_gg_",
74
+ "_size_l": "_size_l_req2f_gg_",
75
+ "__SPickerFormat": "___SPickerFormat_req2f_gg_",
76
+ "_active": "__active_req2f_gg_",
77
+ "__SPickerFormatText": "___SPickerFormatText_req2f_gg_",
78
+ "_keyboardFocused": "__keyboardFocused_req2f_gg_",
79
+ "__STimePickerSeparator": "___STimePickerSeparator_req2f_gg_"
80
80
  });
81
81
  var MAP_MERIDIEM = {
82
82
  AM: 'PM',
@@ -30,22 +30,22 @@ var style = (
30
30
  /*__reshadow_css_start__*/
31
31
  _sstyled.insert(
32
32
  /*__inner_css_start__*/
33
- ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___STimePicker_sct8y_gg_ {\n position: relative;\n width: auto;\n}\n\n.___STimePicker_sct8y_gg_.__disabled_sct8y_gg_ {\n color: rgba(25, 27, 35, 0.3);\n cursor: default;\n}\n\n.___SPickerInput_sct8y_gg_ {\n box-sizing: content-box;\n text-align: center;\n z-index: 1\n}\n\n.___SPickerInput_sct8y_gg_.__placeholder_sct8y_gg_ {\n text-overflow: initial;\n }\n\n.___SPickerInput_sct8y_gg_._size_m_sct8y_gg_ {\n width: 19px;\n}\n\n.___SPickerInput_sct8y_gg_._size_l_sct8y_gg_ {\n width: 21px;\n}\n\n.___SPickerFormat_sct8y_gg_ {\n flex-shrink: 0;\n position: relative;\n display: inline-flex;\n padding: 0;\n white-space: nowrap;\n font-family: inherit;\n font-weight: 500;\n line-height: normal;\n text-decoration: none;\n align-items: center;\n border: 1px solid #c4c7cf;\n border-radius: 0 6px 6px 0;\n outline: 0;\n box-shadow: none;\n cursor: pointer;\n box-sizing: border-box;\n overflow: visible;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n color: #6c6e79;\n background-color: rgba(138, 142, 155, 0.1)\n}\n\n.___SPickerFormat_sct8y_gg_:hover {\n color: #6c6e79;\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SPickerFormat_sct8y_gg_:active,\n .___SPickerFormat_sct8y_gg_.__active_sct8y_gg_ {\n color: #6c6e79;\n background-color: rgba(138, 142, 155, 0.3);\n }\n\n.___SPickerFormat_sct8y_gg_._size_m_sct8y_gg_ {\n height: 28px;\n font-size: 14px;\n margin: 0 -1px 0 0\n}\n\n.___SPickerFormat_sct8y_gg_._size_m_sct8y_gg_ .___SPickerFormatText_sct8y_gg_ {\n margin: 0 8px;\n }\n\n.___SPickerFormat_sct8y_gg_._size_l_sct8y_gg_ {\n height: 40px;\n font-size: 16px;\n margin: 0 -4px 0 0\n}\n\n.___SPickerFormat_sct8y_gg_._size_l_sct8y_gg_ .___SPickerFormatText_sct8y_gg_ {\n margin: 0 12px;\n }\n\n.___SPickerFormat_sct8y_gg_.__disabled_sct8y_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n border-color: transparent transparent transparent #c4c7cf;\n}\n\n.___SPickerFormat_sct8y_gg_.__keyboardFocused_sct8y_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___STimePickerSeparator_sct8y_gg_.__disabled_sct8y_gg_ {\n opacity: 0.3;\n pointer-events: none;\n}\n"
33
+ ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___STimePicker_req2f_gg_ {\n position: relative;\n width: auto;\n}\n\n.___STimePicker_req2f_gg_.__disabled_req2f_gg_ {\n color: rgba(25, 27, 35, 0.3);\n cursor: default;\n}\n\n.___SPickerInput_req2f_gg_ {\n box-sizing: content-box;\n text-align: center;\n z-index: 1\n}\n\n.___SPickerInput_req2f_gg_.__placeholder_req2f_gg_ {\n text-overflow: initial;\n }\n\n.___SPickerInput_req2f_gg_._size_m_req2f_gg_ {\n width: 19px;\n}\n\n.___SPickerInput_req2f_gg_._size_l_req2f_gg_ {\n width: 21px;\n}\n\n.___SPickerFormat_req2f_gg_ {\n flex-shrink: 0;\n position: relative;\n display: inline-flex;\n padding: 0;\n white-space: nowrap;\n font-family: inherit;\n font-weight: 500;\n line-height: normal;\n text-decoration: none;\n align-items: center;\n border: 1px solid #c4c7cf;\n border-radius: 0 6px 6px 0;\n outline: 0;\n box-shadow: none;\n cursor: pointer;\n box-sizing: border-box;\n overflow: visible;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n color: #6c6e79;\n background-color: rgba(138, 142, 155, 0.1)\n}\n\n.___SPickerFormat_req2f_gg_:hover {\n color: #6c6e79;\n background-color: rgba(138, 142, 155, 0.2);\n }\n\n.___SPickerFormat_req2f_gg_:active,\n .___SPickerFormat_req2f_gg_.__active_req2f_gg_ {\n color: #6c6e79;\n background-color: rgba(138, 142, 155, 0.3);\n }\n\n.___SPickerFormat_req2f_gg_._size_m_req2f_gg_ {\n height: 28px;\n font-size: 14px;\n margin: 0 -1px 0 0\n}\n\n.___SPickerFormat_req2f_gg_._size_m_req2f_gg_ .___SPickerFormatText_req2f_gg_ {\n margin: 0 8px;\n }\n\n.___SPickerFormat_req2f_gg_._size_l_req2f_gg_ {\n height: 40px;\n font-size: 16px;\n margin: 0 -4px 0 0\n}\n\n.___SPickerFormat_req2f_gg_._size_l_req2f_gg_ .___SPickerFormatText_req2f_gg_ {\n margin: 0 12px;\n }\n\n.___SPickerFormat_req2f_gg_.__disabled_req2f_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n border-color: transparent transparent transparent #c4c7cf;\n}\n\n.___SPickerFormat_req2f_gg_.__keyboardFocused_req2f_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___STimePickerSeparator_req2f_gg_.__disabled_req2f_gg_ {\n opacity: 0.3;\n pointer-events: none;\n}\n"
34
34
  /*__inner_css_end__*/
35
- , "sct8y_gg_")
35
+ , "req2f_gg_")
36
36
  /*__reshadow_css_end__*/
37
37
  , {
38
- "__STimePicker": "___STimePicker_sct8y_gg_",
39
- "_disabled": "__disabled_sct8y_gg_",
40
- "__SPickerInput": "___SPickerInput_sct8y_gg_",
41
- "_placeholder": "__placeholder_sct8y_gg_",
42
- "_size_m": "_size_m_sct8y_gg_",
43
- "_size_l": "_size_l_sct8y_gg_",
44
- "__SPickerFormat": "___SPickerFormat_sct8y_gg_",
45
- "_active": "__active_sct8y_gg_",
46
- "__SPickerFormatText": "___SPickerFormatText_sct8y_gg_",
47
- "_keyboardFocused": "__keyboardFocused_sct8y_gg_",
48
- "__STimePickerSeparator": "___STimePickerSeparator_sct8y_gg_"
38
+ "__STimePicker": "___STimePicker_req2f_gg_",
39
+ "_disabled": "__disabled_req2f_gg_",
40
+ "__SPickerInput": "___SPickerInput_req2f_gg_",
41
+ "_placeholder": "__placeholder_req2f_gg_",
42
+ "_size_m": "_size_m_req2f_gg_",
43
+ "_size_l": "_size_l_req2f_gg_",
44
+ "__SPickerFormat": "___SPickerFormat_req2f_gg_",
45
+ "_active": "__active_req2f_gg_",
46
+ "__SPickerFormatText": "___SPickerFormatText_req2f_gg_",
47
+ "_keyboardFocused": "__keyboardFocused_req2f_gg_",
48
+ "__STimePickerSeparator": "___STimePickerSeparator_req2f_gg_"
49
49
  });
50
50
  var MAP_MERIDIEM = {
51
51
  AM: 'PM',
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.36",
4
+ "version": "3.1.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -17,7 +17,7 @@
17
17
  },
18
18
  "peerDependencies": {
19
19
  "@semcore/core": "^1.11",
20
- "react": "16.8 - 17"
20
+ "react": "16.8 - 18"
21
21
  },
22
22
  "jest": {
23
23
  "preset": "@semcore/jest-preset-ui"
@@ -28,7 +28,7 @@
28
28
  "directory": "semcore/time-picker"
29
29
  },
30
30
  "devDependencies": {
31
- "@types/react": "16.8 - 17",
31
+ "@types/react": "18.0.21",
32
32
  "@semcore/jest-preset-ui": "1.0.0"
33
33
  },
34
34
  "scripts": {