@semcore/dropdown-menu 3.3.0 → 3.3.1

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.3.1] - 2022-10-20
6
+
7
+ ### Changed
8
+
9
+ - Version patch update due to children dependencies update (`@semcore/dropdown` [3.2.1 ~> 3.2.2], `@semcore/utils` [3.39.0 ~> 3.39.1]).
10
+
5
11
  ## [3.3.0] - 2022-10-17
6
12
 
7
13
  ### Fixed
@@ -63,23 +63,23 @@ var style = (
63
63
  /*__reshadow_css_start__*/
64
64
  _core.sstyled.insert(
65
65
  /*__inner_css_start__*/
66
- ":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.___SDropdownMenuList_1aibr_gg_ {\n max-height: 240px;\n margin: 4px 0;\n padding: 0;\n position: relative;\n min-height: 26px;\n min-width: 32px;\n}\n\n.___SDropdownMenuItem_1aibr_gg_ {\n display: flex;\n align-items: center;\n position: relative;\n text-decoration: none;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n text-align: left;\n line-height: normal\n}\n\n.___SDropdownMenuItem_1aibr_gg_:hover {\n background-color: #f4f5f9;\n }\n\n.___SDropdownMenuItem_1aibr_gg_:focus {\n outline: none;\n }\n\n.___SDropdownMenuItem_1aibr_gg_.__highlighted_1aibr_gg_ {\n z-index: 1;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2) inset;\n}\n\n.___SDropdownMenuItem_1aibr_gg_.__selected_1aibr_gg_ {\n background-color: rgba(196, 229, 254, 0.7)\n}\n\n.___SDropdownMenuItem_1aibr_gg_.__selected_1aibr_gg_:hover {\n background-color: #c4e5fe;\n }\n\n.___SDropdownMenuItem_1aibr_gg_.__disabled_1aibr_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SDropdownMenuItem_1aibr_gg_._size_l_1aibr_gg_ {\n font-size: 16px;\n line-height: 1.5;\n padding: 8px 12px;\n min-height: 40px;\n}\n\n.___SDropdownMenuItem_1aibr_gg_._size_m_1aibr_gg_ {\n font-size: 14px;\n line-height: 1.42;\n padding: 6px 8px;\n min-height: 32px;\n}\n\n.___SDropdownMenuItem_1aibr_gg_.__notInteractive_1aibr_gg_ {\n cursor: default\n}\n\n.___SDropdownMenuItem_1aibr_gg_.__notInteractive_1aibr_gg_:hover {\n background: none;\n }\n\n.___SDropdownMenuItem_1aibr_gg_._variant_hint_1aibr_gg_ {\n color: #6c6e79;\n cursor: default\n}\n\n.___SDropdownMenuItem_1aibr_gg_._variant_hint_1aibr_gg_:hover {\n background: none;\n }\n\n.___SDropdownMenuItem_1aibr_gg_._variant_title_1aibr_gg_ {\n font-weight: bold;\n cursor: default\n}\n\n.___SDropdownMenuItem_1aibr_gg_._variant_title_1aibr_gg_:hover {\n background: none;\n }\n\n.___SDropdownMenuItemAddon_1aibr_gg_ {\n display: inline-flex;\n margin-left: 8px;\n margin-right: 8px\n}\n\n.___SDropdownMenuItemAddon_1aibr_gg_:first-child {\n margin-left: 0;\n }\n\n.___SDropdownMenuItemAddon_1aibr_gg_:last-child {\n margin-right: 0;\n }\n\n.___SPopper_1aibr_gg_:focus {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n"
66
+ ":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.___SDropdownMenuList_ke2lb_gg_ {\n max-height: 240px;\n margin: 4px 0;\n padding: 0;\n position: relative;\n min-height: 26px;\n min-width: 32px;\n}\n\n.___SDropdownMenuItem_ke2lb_gg_ {\n display: flex;\n align-items: center;\n position: relative;\n text-decoration: none;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n text-align: left;\n line-height: normal\n}\n\n.___SDropdownMenuItem_ke2lb_gg_:hover {\n background-color: #f4f5f9;\n }\n\n.___SDropdownMenuItem_ke2lb_gg_:focus {\n outline: none;\n }\n\n.___SDropdownMenuItem_ke2lb_gg_.__highlighted_ke2lb_gg_ {\n z-index: 1;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2) inset;\n}\n\n.___SDropdownMenuItem_ke2lb_gg_.__selected_ke2lb_gg_ {\n background-color: rgba(196, 229, 254, 0.7)\n}\n\n.___SDropdownMenuItem_ke2lb_gg_.__selected_ke2lb_gg_:hover {\n background-color: #c4e5fe;\n }\n\n.___SDropdownMenuItem_ke2lb_gg_.__disabled_ke2lb_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SDropdownMenuItem_ke2lb_gg_._size_l_ke2lb_gg_ {\n font-size: 16px;\n line-height: 1.5;\n padding: 8px 12px;\n min-height: 40px;\n}\n\n.___SDropdownMenuItem_ke2lb_gg_._size_m_ke2lb_gg_ {\n font-size: 14px;\n line-height: 1.42;\n padding: 6px 8px;\n min-height: 32px;\n}\n\n.___SDropdownMenuItem_ke2lb_gg_.__notInteractive_ke2lb_gg_ {\n cursor: default\n}\n\n.___SDropdownMenuItem_ke2lb_gg_.__notInteractive_ke2lb_gg_:hover {\n background: none;\n }\n\n.___SDropdownMenuItem_ke2lb_gg_._variant_hint_ke2lb_gg_ {\n color: #6c6e79;\n cursor: default\n}\n\n.___SDropdownMenuItem_ke2lb_gg_._variant_hint_ke2lb_gg_:hover {\n background: none;\n }\n\n.___SDropdownMenuItem_ke2lb_gg_._variant_title_ke2lb_gg_ {\n font-weight: bold;\n cursor: default\n}\n\n.___SDropdownMenuItem_ke2lb_gg_._variant_title_ke2lb_gg_:hover {\n background: none;\n }\n\n.___SDropdownMenuItemAddon_ke2lb_gg_ {\n display: inline-flex;\n margin-left: 8px;\n margin-right: 8px\n}\n\n.___SDropdownMenuItemAddon_ke2lb_gg_:first-child {\n margin-left: 0;\n }\n\n.___SDropdownMenuItemAddon_ke2lb_gg_:last-child {\n margin-right: 0;\n }\n\n.___SPopper_ke2lb_gg_:focus {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n"
67
67
  /*__inner_css_end__*/
68
- , "1aibr_gg_")
68
+ , "ke2lb_gg_")
69
69
  /*__reshadow_css_end__*/
70
70
  , {
71
- "__SDropdownMenuList": "___SDropdownMenuList_1aibr_gg_",
72
- "__SDropdownMenuItem": "___SDropdownMenuItem_1aibr_gg_",
73
- "_highlighted": "__highlighted_1aibr_gg_",
74
- "_selected": "__selected_1aibr_gg_",
75
- "_disabled": "__disabled_1aibr_gg_",
76
- "_size_l": "_size_l_1aibr_gg_",
77
- "_size_m": "_size_m_1aibr_gg_",
78
- "_notInteractive": "__notInteractive_1aibr_gg_",
79
- "_variant_hint": "_variant_hint_1aibr_gg_",
80
- "_variant_title": "_variant_title_1aibr_gg_",
81
- "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1aibr_gg_",
82
- "__SPopper": "___SPopper_1aibr_gg_"
71
+ "__SDropdownMenuList": "___SDropdownMenuList_ke2lb_gg_",
72
+ "__SDropdownMenuItem": "___SDropdownMenuItem_ke2lb_gg_",
73
+ "_highlighted": "__highlighted_ke2lb_gg_",
74
+ "_selected": "__selected_ke2lb_gg_",
75
+ "_disabled": "__disabled_ke2lb_gg_",
76
+ "_size_l": "_size_l_ke2lb_gg_",
77
+ "_size_m": "_size_m_ke2lb_gg_",
78
+ "_notInteractive": "__notInteractive_ke2lb_gg_",
79
+ "_variant_hint": "_variant_hint_ke2lb_gg_",
80
+ "_variant_title": "_variant_title_ke2lb_gg_",
81
+ "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_ke2lb_gg_",
82
+ "__SPopper": "___SPopper_ke2lb_gg_"
83
83
  });
84
84
  var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
85
85
  var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
@@ -39,23 +39,23 @@ var style = (
39
39
  /*__reshadow_css_start__*/
40
40
  _sstyled.insert(
41
41
  /*__inner_css_start__*/
42
- ":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.___SDropdownMenuList_1aibr_gg_ {\n max-height: 240px;\n margin: 4px 0;\n padding: 0;\n position: relative;\n min-height: 26px;\n min-width: 32px;\n}\n\n.___SDropdownMenuItem_1aibr_gg_ {\n display: flex;\n align-items: center;\n position: relative;\n text-decoration: none;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n text-align: left;\n line-height: normal\n}\n\n.___SDropdownMenuItem_1aibr_gg_:hover {\n background-color: #f4f5f9;\n }\n\n.___SDropdownMenuItem_1aibr_gg_:focus {\n outline: none;\n }\n\n.___SDropdownMenuItem_1aibr_gg_.__highlighted_1aibr_gg_ {\n z-index: 1;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2) inset;\n}\n\n.___SDropdownMenuItem_1aibr_gg_.__selected_1aibr_gg_ {\n background-color: rgba(196, 229, 254, 0.7)\n}\n\n.___SDropdownMenuItem_1aibr_gg_.__selected_1aibr_gg_:hover {\n background-color: #c4e5fe;\n }\n\n.___SDropdownMenuItem_1aibr_gg_.__disabled_1aibr_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SDropdownMenuItem_1aibr_gg_._size_l_1aibr_gg_ {\n font-size: 16px;\n line-height: 1.5;\n padding: 8px 12px;\n min-height: 40px;\n}\n\n.___SDropdownMenuItem_1aibr_gg_._size_m_1aibr_gg_ {\n font-size: 14px;\n line-height: 1.42;\n padding: 6px 8px;\n min-height: 32px;\n}\n\n.___SDropdownMenuItem_1aibr_gg_.__notInteractive_1aibr_gg_ {\n cursor: default\n}\n\n.___SDropdownMenuItem_1aibr_gg_.__notInteractive_1aibr_gg_:hover {\n background: none;\n }\n\n.___SDropdownMenuItem_1aibr_gg_._variant_hint_1aibr_gg_ {\n color: #6c6e79;\n cursor: default\n}\n\n.___SDropdownMenuItem_1aibr_gg_._variant_hint_1aibr_gg_:hover {\n background: none;\n }\n\n.___SDropdownMenuItem_1aibr_gg_._variant_title_1aibr_gg_ {\n font-weight: bold;\n cursor: default\n}\n\n.___SDropdownMenuItem_1aibr_gg_._variant_title_1aibr_gg_:hover {\n background: none;\n }\n\n.___SDropdownMenuItemAddon_1aibr_gg_ {\n display: inline-flex;\n margin-left: 8px;\n margin-right: 8px\n}\n\n.___SDropdownMenuItemAddon_1aibr_gg_:first-child {\n margin-left: 0;\n }\n\n.___SDropdownMenuItemAddon_1aibr_gg_:last-child {\n margin-right: 0;\n }\n\n.___SPopper_1aibr_gg_:focus {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n"
42
+ ":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.___SDropdownMenuList_ke2lb_gg_ {\n max-height: 240px;\n margin: 4px 0;\n padding: 0;\n position: relative;\n min-height: 26px;\n min-width: 32px;\n}\n\n.___SDropdownMenuItem_ke2lb_gg_ {\n display: flex;\n align-items: center;\n position: relative;\n text-decoration: none;\n box-sizing: border-box;\n cursor: pointer;\n width: 100%;\n text-align: left;\n line-height: normal\n}\n\n.___SDropdownMenuItem_ke2lb_gg_:hover {\n background-color: #f4f5f9;\n }\n\n.___SDropdownMenuItem_ke2lb_gg_:focus {\n outline: none;\n }\n\n.___SDropdownMenuItem_ke2lb_gg_.__highlighted_ke2lb_gg_ {\n z-index: 1;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2) inset;\n}\n\n.___SDropdownMenuItem_ke2lb_gg_.__selected_ke2lb_gg_ {\n background-color: rgba(196, 229, 254, 0.7)\n}\n\n.___SDropdownMenuItem_ke2lb_gg_.__selected_ke2lb_gg_:hover {\n background-color: #c4e5fe;\n }\n\n.___SDropdownMenuItem_ke2lb_gg_.__disabled_ke2lb_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SDropdownMenuItem_ke2lb_gg_._size_l_ke2lb_gg_ {\n font-size: 16px;\n line-height: 1.5;\n padding: 8px 12px;\n min-height: 40px;\n}\n\n.___SDropdownMenuItem_ke2lb_gg_._size_m_ke2lb_gg_ {\n font-size: 14px;\n line-height: 1.42;\n padding: 6px 8px;\n min-height: 32px;\n}\n\n.___SDropdownMenuItem_ke2lb_gg_.__notInteractive_ke2lb_gg_ {\n cursor: default\n}\n\n.___SDropdownMenuItem_ke2lb_gg_.__notInteractive_ke2lb_gg_:hover {\n background: none;\n }\n\n.___SDropdownMenuItem_ke2lb_gg_._variant_hint_ke2lb_gg_ {\n color: #6c6e79;\n cursor: default\n}\n\n.___SDropdownMenuItem_ke2lb_gg_._variant_hint_ke2lb_gg_:hover {\n background: none;\n }\n\n.___SDropdownMenuItem_ke2lb_gg_._variant_title_ke2lb_gg_ {\n font-weight: bold;\n cursor: default\n}\n\n.___SDropdownMenuItem_ke2lb_gg_._variant_title_ke2lb_gg_:hover {\n background: none;\n }\n\n.___SDropdownMenuItemAddon_ke2lb_gg_ {\n display: inline-flex;\n margin-left: 8px;\n margin-right: 8px\n}\n\n.___SDropdownMenuItemAddon_ke2lb_gg_:first-child {\n margin-left: 0;\n }\n\n.___SDropdownMenuItemAddon_ke2lb_gg_:last-child {\n margin-right: 0;\n }\n\n.___SPopper_ke2lb_gg_:focus {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n"
43
43
  /*__inner_css_end__*/
44
- , "1aibr_gg_")
44
+ , "ke2lb_gg_")
45
45
  /*__reshadow_css_end__*/
46
46
  , {
47
- "__SDropdownMenuList": "___SDropdownMenuList_1aibr_gg_",
48
- "__SDropdownMenuItem": "___SDropdownMenuItem_1aibr_gg_",
49
- "_highlighted": "__highlighted_1aibr_gg_",
50
- "_selected": "__selected_1aibr_gg_",
51
- "_disabled": "__disabled_1aibr_gg_",
52
- "_size_l": "_size_l_1aibr_gg_",
53
- "_size_m": "_size_m_1aibr_gg_",
54
- "_notInteractive": "__notInteractive_1aibr_gg_",
55
- "_variant_hint": "_variant_hint_1aibr_gg_",
56
- "_variant_title": "_variant_title_1aibr_gg_",
57
- "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_1aibr_gg_",
58
- "__SPopper": "___SPopper_1aibr_gg_"
47
+ "__SDropdownMenuList": "___SDropdownMenuList_ke2lb_gg_",
48
+ "__SDropdownMenuItem": "___SDropdownMenuItem_ke2lb_gg_",
49
+ "_highlighted": "__highlighted_ke2lb_gg_",
50
+ "_selected": "__selected_ke2lb_gg_",
51
+ "_disabled": "__disabled_ke2lb_gg_",
52
+ "_size_l": "_size_l_ke2lb_gg_",
53
+ "_size_m": "_size_m_ke2lb_gg_",
54
+ "_notInteractive": "__notInteractive_ke2lb_gg_",
55
+ "_variant_hint": "_variant_hint_ke2lb_gg_",
56
+ "_variant_title": "_variant_title_ke2lb_gg_",
57
+ "__SDropdownMenuItemAddon": "___SDropdownMenuItemAddon_ke2lb_gg_",
58
+ "__SPopper": "___SPopper_ke2lb_gg_"
59
59
  });
60
60
  var KEYS = ['ArrowDown', 'ArrowUp', 'Enter', ' '];
61
61
  var INTERACTION_TAGS = ['INPUT', 'TEXTAREA'];
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/dropdown-menu",
3
3
  "description": "Semrush DropdownMenu Component",
4
- "version": "3.3.0",
4
+ "version": "3.3.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",