@semcore/pills 4.3.3 → 4.3.5

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,18 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [4.3.5] - 2022-11-30
6
+
7
+ ### Changed
8
+
9
+ - Version patch update due to children dependencies update (`@semcore/flex-box` [4.6.3 ~> 4.6.4], `@semcore/neighbor-location` [3.1.3 ~> 3.1.4], `@semcore/utils` [3.40.0 ~> 3.41.0]).
10
+
11
+ ## [4.3.4] - 2022-11-25
12
+
13
+ ### Added
14
+
15
+ - Added css property `isolation` to container.
16
+
5
17
  ## [4.3.3] - 2022-10-28
6
18
 
7
19
  ### Changed
package/lib/cjs/Pills.js CHANGED
@@ -52,23 +52,23 @@ var style = (
52
52
  /*__reshadow_css_start__*/
53
53
  _core.sstyled.insert(
54
54
  /*__inner_css_start__*/
55
- ":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.___SPills_1hhbw_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.___SPill_1hhbw_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: normal;\n position: relative;\n touch-action: manipulation;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n box-shadow: none;\n outline: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n overflow: visible;\n outline: 0;\n text-align: center;\n vertical-align: middle;\n font-family: inherit;\n cursor: pointer;\n background: #ffffff;\n border: 1px solid #c4c7cf;\n border-radius: 6px\n}\n\n.___SPill_1hhbw_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SPill_1hhbw_gg_:active,\n .___SPill_1hhbw_gg_:hover,\n .___SPill_1hhbw_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SPill_1hhbw_gg_:hover {\n background: rgba(138, 142, 155, 0.2);\n }\n\n.___SPill_1hhbw_gg_.__selected_1hhbw_gg_ {\n background: rgba(0, 143, 248, 0.2);\n border-color: #008ff8;\n z-index: 1;\n}\n\n.___SPill_1hhbw_gg_.__disabled_1hhbw_gg_ {\n cursor: default;\n pointer-events: none /* Disable link interactions */\n}\n\n.___SPill_1hhbw_gg_.__disabled_1hhbw_gg_ > * {\n opacity: 0.3;\n }\n\n.___SPill_1hhbw_gg_.__keyboardFocused_1hhbw_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SText_1hhbw_gg_ {\n color: #191b23;\n display: inline-flex;\n}\n\n.___SAddon_1hhbw_gg_ {\n color: #6c6e79;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.___SPill_1hhbw_gg_._size_m_1hhbw_gg_ {\n height: 28px;\n min-width: 28px;\n font-size: 14px\n}\n\n.___SPill_1hhbw_gg_._size_m_1hhbw_gg_ .___SText_1hhbw_gg_ {\n margin-left: 8px;\n margin-right: 8px;\n }\n\n.___SPill_1hhbw_gg_._size_m_1hhbw_gg_ .___SAddon_1hhbw_gg_:not(:only-child):first-child {\n margin-left: 8px;\n }\n\n.___SPill_1hhbw_gg_._size_m_1hhbw_gg_ .___SAddon_1hhbw_gg_:not(:only-child):last-child {\n margin-right: 8px;\n }\n\n.___SPill_1hhbw_gg_._size_m_1hhbw_gg_ .___SAddon_1hhbw_gg_:only-child {\n margin-left: 8px;\n margin-right: 8px;\n }\n\n.___SPill_1hhbw_gg_._size_l_1hhbw_gg_ {\n height: 40px;\n min-width: 40px;\n font-size: 16px\n}\n\n.___SPill_1hhbw_gg_._size_l_1hhbw_gg_ .___SText_1hhbw_gg_ {\n margin-left: 8px;\n margin-right: 8px\n }\n\n.___SPill_1hhbw_gg_._size_l_1hhbw_gg_ .___SText_1hhbw_gg_:only-child {\n margin-left: 12px;\n margin-right: 12px;\n }\n\n.___SPill_1hhbw_gg_._size_l_1hhbw_gg_ .___SAddon_1hhbw_gg_:not(:only-child):first-child {\n margin-left: 12px;\n }\n\n.___SPill_1hhbw_gg_._size_l_1hhbw_gg_ .___SAddon_1hhbw_gg_:not(:only-child):last-child {\n margin-right: 12px;\n }\n\n.___SPill_1hhbw_gg_._size_l_1hhbw_gg_ .___SAddon_1hhbw_gg_:only-child {\n margin-left: 12px;\n margin-right: 12px;\n }\n\n.___SPill_1hhbw_gg_._neighborLocation_right_1hhbw_gg_ {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.___SPill_1hhbw_gg_._neighborLocation_both_1hhbw_gg_ {\n border-radius: 0;\n margin-left: -1px;\n}\n\n.___SPill_1hhbw_gg_._neighborLocation_left_1hhbw_gg_ {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: -1px;\n}\n"
55
+ ".___SPills_69vpi_gg_{display:inline-flex;align-items:center;justify-content:center;isolation:isolate}.___SPill_69vpi_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:#ffffff;border:1px solid #c4c7cf;border-radius:6px}.___SPill_69vpi_gg_::-moz-focus-inner{border:none;padding:0}.___SPill_69vpi_gg_:active,.___SPill_69vpi_gg_:focus,.___SPill_69vpi_gg_:hover{outline:0;text-decoration:none}.___SPill_69vpi_gg_:hover{background:rgba(138,142,155,.2)}.___SPill_69vpi_gg_.__selected_69vpi_gg_{background:rgba(0,143,248,.2);border-color:#008ff8;z-index:1}.___SPill_69vpi_gg_.__disabled_69vpi_gg_{cursor:default;pointer-events:none}.___SPill_69vpi_gg_.__disabled_69vpi_gg_>*{opacity:0.3}.___SPill_69vpi_gg_.__keyboardFocused_69vpi_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SText_69vpi_gg_{color:#191b23;display:inline-flex}.___SAddon_69vpi_gg_{color:#6c6e79;display:inline-flex;align-items:center;justify-content:center}.___SPill_69vpi_gg_._size_m_69vpi_gg_{height:28px;min-width:28px;font-size:14px}.___SPill_69vpi_gg_._size_m_69vpi_gg_ .___SText_69vpi_gg_{margin-left:8px;margin-right:8px}.___SPill_69vpi_gg_._size_m_69vpi_gg_ .___SAddon_69vpi_gg_:not(:only-child):first-child{margin-left:8px}.___SPill_69vpi_gg_._size_m_69vpi_gg_ .___SAddon_69vpi_gg_:not(:only-child):last-child{margin-right:8px}.___SPill_69vpi_gg_._size_m_69vpi_gg_ .___SAddon_69vpi_gg_:only-child{margin-left:8px;margin-right:8px}.___SPill_69vpi_gg_._size_l_69vpi_gg_{height:40px;min-width:40px;font-size:16px}.___SPill_69vpi_gg_._size_l_69vpi_gg_ .___SText_69vpi_gg_{margin-left:8px;margin-right:8px}.___SPill_69vpi_gg_._size_l_69vpi_gg_ .___SText_69vpi_gg_:only-child{margin-left:12px;margin-right:12px}.___SPill_69vpi_gg_._size_l_69vpi_gg_ .___SAddon_69vpi_gg_:not(:only-child):first-child{margin-left:12px}.___SPill_69vpi_gg_._size_l_69vpi_gg_ .___SAddon_69vpi_gg_:not(:only-child):last-child{margin-right:12px}.___SPill_69vpi_gg_._size_l_69vpi_gg_ .___SAddon_69vpi_gg_:only-child{margin-left:12px;margin-right:12px}.___SPill_69vpi_gg_._neighborLocation_right_69vpi_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_69vpi_gg_._neighborLocation_both_69vpi_gg_{border-radius:0;margin-left:-1px}.___SPill_69vpi_gg_._neighborLocation_left_69vpi_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}"
56
56
  /*__inner_css_end__*/
57
- , "1hhbw_gg_")
57
+ , "69vpi_gg_")
58
58
  /*__reshadow_css_end__*/
59
59
  , {
60
- "__SPills": "___SPills_1hhbw_gg_",
61
- "__SPill": "___SPill_1hhbw_gg_",
62
- "_selected": "__selected_1hhbw_gg_",
63
- "_disabled": "__disabled_1hhbw_gg_",
64
- "_keyboardFocused": "__keyboardFocused_1hhbw_gg_",
65
- "__SText": "___SText_1hhbw_gg_",
66
- "__SAddon": "___SAddon_1hhbw_gg_",
67
- "_size_m": "_size_m_1hhbw_gg_",
68
- "_size_l": "_size_l_1hhbw_gg_",
69
- "_neighborLocation_right": "_neighborLocation_right_1hhbw_gg_",
70
- "_neighborLocation_both": "_neighborLocation_both_1hhbw_gg_",
71
- "_neighborLocation_left": "_neighborLocation_left_1hhbw_gg_"
60
+ "__SPills": "___SPills_69vpi_gg_",
61
+ "__SPill": "___SPill_69vpi_gg_",
62
+ "_selected": "__selected_69vpi_gg_",
63
+ "_disabled": "__disabled_69vpi_gg_",
64
+ "_keyboardFocused": "__keyboardFocused_69vpi_gg_",
65
+ "__SText": "___SText_69vpi_gg_",
66
+ "__SAddon": "___SAddon_69vpi_gg_",
67
+ "_size_m": "_size_m_69vpi_gg_",
68
+ "_size_l": "_size_l_69vpi_gg_",
69
+ "_neighborLocation_right": "_neighborLocation_right_69vpi_gg_",
70
+ "_neighborLocation_both": "_neighborLocation_both_69vpi_gg_",
71
+ "_neighborLocation_left": "_neighborLocation_left_69vpi_gg_"
72
72
  });
73
73
 
74
74
  var RootPills = /*#__PURE__*/function (_Component) {
@@ -4,6 +4,7 @@ SPills {
4
4
  display: inline-flex;
5
5
  align-items: center;
6
6
  justify-content: center;
7
+ isolation: isolate;
7
8
  }
8
9
 
9
10
  SPill {
package/lib/es6/Pills.js CHANGED
@@ -31,23 +31,23 @@ var style = (
31
31
  /*__reshadow_css_start__*/
32
32
  _sstyled.insert(
33
33
  /*__inner_css_start__*/
34
- ":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.___SPills_1hhbw_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.___SPill_1hhbw_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: normal;\n position: relative;\n touch-action: manipulation;\n white-space: nowrap;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n box-shadow: none;\n outline: none;\n text-decoration: none;\n -webkit-tap-highlight-color: transparent;\n overflow: visible;\n outline: 0;\n text-align: center;\n vertical-align: middle;\n font-family: inherit;\n cursor: pointer;\n background: #ffffff;\n border: 1px solid #c4c7cf;\n border-radius: 6px\n}\n\n.___SPill_1hhbw_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___SPill_1hhbw_gg_:active,\n .___SPill_1hhbw_gg_:hover,\n .___SPill_1hhbw_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___SPill_1hhbw_gg_:hover {\n background: rgba(138, 142, 155, 0.2);\n }\n\n.___SPill_1hhbw_gg_.__selected_1hhbw_gg_ {\n background: rgba(0, 143, 248, 0.2);\n border-color: #008ff8;\n z-index: 1;\n}\n\n.___SPill_1hhbw_gg_.__disabled_1hhbw_gg_ {\n cursor: default;\n pointer-events: none /* Disable link interactions */\n}\n\n.___SPill_1hhbw_gg_.__disabled_1hhbw_gg_ > * {\n opacity: 0.3;\n }\n\n.___SPill_1hhbw_gg_.__keyboardFocused_1hhbw_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SText_1hhbw_gg_ {\n color: #191b23;\n display: inline-flex;\n}\n\n.___SAddon_1hhbw_gg_ {\n color: #6c6e79;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.___SPill_1hhbw_gg_._size_m_1hhbw_gg_ {\n height: 28px;\n min-width: 28px;\n font-size: 14px\n}\n\n.___SPill_1hhbw_gg_._size_m_1hhbw_gg_ .___SText_1hhbw_gg_ {\n margin-left: 8px;\n margin-right: 8px;\n }\n\n.___SPill_1hhbw_gg_._size_m_1hhbw_gg_ .___SAddon_1hhbw_gg_:not(:only-child):first-child {\n margin-left: 8px;\n }\n\n.___SPill_1hhbw_gg_._size_m_1hhbw_gg_ .___SAddon_1hhbw_gg_:not(:only-child):last-child {\n margin-right: 8px;\n }\n\n.___SPill_1hhbw_gg_._size_m_1hhbw_gg_ .___SAddon_1hhbw_gg_:only-child {\n margin-left: 8px;\n margin-right: 8px;\n }\n\n.___SPill_1hhbw_gg_._size_l_1hhbw_gg_ {\n height: 40px;\n min-width: 40px;\n font-size: 16px\n}\n\n.___SPill_1hhbw_gg_._size_l_1hhbw_gg_ .___SText_1hhbw_gg_ {\n margin-left: 8px;\n margin-right: 8px\n }\n\n.___SPill_1hhbw_gg_._size_l_1hhbw_gg_ .___SText_1hhbw_gg_:only-child {\n margin-left: 12px;\n margin-right: 12px;\n }\n\n.___SPill_1hhbw_gg_._size_l_1hhbw_gg_ .___SAddon_1hhbw_gg_:not(:only-child):first-child {\n margin-left: 12px;\n }\n\n.___SPill_1hhbw_gg_._size_l_1hhbw_gg_ .___SAddon_1hhbw_gg_:not(:only-child):last-child {\n margin-right: 12px;\n }\n\n.___SPill_1hhbw_gg_._size_l_1hhbw_gg_ .___SAddon_1hhbw_gg_:only-child {\n margin-left: 12px;\n margin-right: 12px;\n }\n\n.___SPill_1hhbw_gg_._neighborLocation_right_1hhbw_gg_ {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.___SPill_1hhbw_gg_._neighborLocation_both_1hhbw_gg_ {\n border-radius: 0;\n margin-left: -1px;\n}\n\n.___SPill_1hhbw_gg_._neighborLocation_left_1hhbw_gg_ {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n margin-left: -1px;\n}\n"
34
+ ".___SPills_69vpi_gg_{display:inline-flex;align-items:center;justify-content:center;isolation:isolate}.___SPill_69vpi_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:#ffffff;border:1px solid #c4c7cf;border-radius:6px}.___SPill_69vpi_gg_::-moz-focus-inner{border:none;padding:0}.___SPill_69vpi_gg_:active,.___SPill_69vpi_gg_:focus,.___SPill_69vpi_gg_:hover{outline:0;text-decoration:none}.___SPill_69vpi_gg_:hover{background:rgba(138,142,155,.2)}.___SPill_69vpi_gg_.__selected_69vpi_gg_{background:rgba(0,143,248,.2);border-color:#008ff8;z-index:1}.___SPill_69vpi_gg_.__disabled_69vpi_gg_{cursor:default;pointer-events:none}.___SPill_69vpi_gg_.__disabled_69vpi_gg_>*{opacity:0.3}.___SPill_69vpi_gg_.__keyboardFocused_69vpi_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SText_69vpi_gg_{color:#191b23;display:inline-flex}.___SAddon_69vpi_gg_{color:#6c6e79;display:inline-flex;align-items:center;justify-content:center}.___SPill_69vpi_gg_._size_m_69vpi_gg_{height:28px;min-width:28px;font-size:14px}.___SPill_69vpi_gg_._size_m_69vpi_gg_ .___SText_69vpi_gg_{margin-left:8px;margin-right:8px}.___SPill_69vpi_gg_._size_m_69vpi_gg_ .___SAddon_69vpi_gg_:not(:only-child):first-child{margin-left:8px}.___SPill_69vpi_gg_._size_m_69vpi_gg_ .___SAddon_69vpi_gg_:not(:only-child):last-child{margin-right:8px}.___SPill_69vpi_gg_._size_m_69vpi_gg_ .___SAddon_69vpi_gg_:only-child{margin-left:8px;margin-right:8px}.___SPill_69vpi_gg_._size_l_69vpi_gg_{height:40px;min-width:40px;font-size:16px}.___SPill_69vpi_gg_._size_l_69vpi_gg_ .___SText_69vpi_gg_{margin-left:8px;margin-right:8px}.___SPill_69vpi_gg_._size_l_69vpi_gg_ .___SText_69vpi_gg_:only-child{margin-left:12px;margin-right:12px}.___SPill_69vpi_gg_._size_l_69vpi_gg_ .___SAddon_69vpi_gg_:not(:only-child):first-child{margin-left:12px}.___SPill_69vpi_gg_._size_l_69vpi_gg_ .___SAddon_69vpi_gg_:not(:only-child):last-child{margin-right:12px}.___SPill_69vpi_gg_._size_l_69vpi_gg_ .___SAddon_69vpi_gg_:only-child{margin-left:12px;margin-right:12px}.___SPill_69vpi_gg_._neighborLocation_right_69vpi_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_69vpi_gg_._neighborLocation_both_69vpi_gg_{border-radius:0;margin-left:-1px}.___SPill_69vpi_gg_._neighborLocation_left_69vpi_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}"
35
35
  /*__inner_css_end__*/
36
- , "1hhbw_gg_")
36
+ , "69vpi_gg_")
37
37
  /*__reshadow_css_end__*/
38
38
  , {
39
- "__SPills": "___SPills_1hhbw_gg_",
40
- "__SPill": "___SPill_1hhbw_gg_",
41
- "_selected": "__selected_1hhbw_gg_",
42
- "_disabled": "__disabled_1hhbw_gg_",
43
- "_keyboardFocused": "__keyboardFocused_1hhbw_gg_",
44
- "__SText": "___SText_1hhbw_gg_",
45
- "__SAddon": "___SAddon_1hhbw_gg_",
46
- "_size_m": "_size_m_1hhbw_gg_",
47
- "_size_l": "_size_l_1hhbw_gg_",
48
- "_neighborLocation_right": "_neighborLocation_right_1hhbw_gg_",
49
- "_neighborLocation_both": "_neighborLocation_both_1hhbw_gg_",
50
- "_neighborLocation_left": "_neighborLocation_left_1hhbw_gg_"
39
+ "__SPills": "___SPills_69vpi_gg_",
40
+ "__SPill": "___SPill_69vpi_gg_",
41
+ "_selected": "__selected_69vpi_gg_",
42
+ "_disabled": "__disabled_69vpi_gg_",
43
+ "_keyboardFocused": "__keyboardFocused_69vpi_gg_",
44
+ "__SText": "___SText_69vpi_gg_",
45
+ "__SAddon": "___SAddon_69vpi_gg_",
46
+ "_size_m": "_size_m_69vpi_gg_",
47
+ "_size_l": "_size_l_69vpi_gg_",
48
+ "_neighborLocation_right": "_neighborLocation_right_69vpi_gg_",
49
+ "_neighborLocation_both": "_neighborLocation_both_69vpi_gg_",
50
+ "_neighborLocation_left": "_neighborLocation_left_69vpi_gg_"
51
51
  });
52
52
 
53
53
  var RootPills = /*#__PURE__*/function (_Component) {
@@ -4,6 +4,7 @@ SPills {
4
4
  display: inline-flex;
5
5
  align-items: center;
6
6
  justify-content: center;
7
+ isolation: isolate;
7
8
  }
8
9
 
9
10
  SPill {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/pills",
3
3
  "description": "Semrush Pills Component",
4
- "version": "4.3.3",
4
+ "version": "4.3.5",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",