@semcore/tab-panel 2.6.2 → 2.6.3

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
+ ## [2.6.3] - 2021-12-23
6
+
7
+ ### Changed
8
+
9
+ - Changed `line-height` from 1.2 to 1.1 for correct display in all browsers.
10
+
5
11
  ## [2.6.2] - 2021-8-26
6
12
 
7
13
  ### Changed
@@ -48,18 +48,18 @@ var style = (
48
48
  /*__reshadow_css_start__*/
49
49
  _core.sstyled.insert(
50
50
  /*__inner_css_start__*/
51
- ".___STabPanel_1pj9n_gg_{display:flex;width:100%;max-width:100%;border-bottom:1px solid #ccc}.___STabPanelItem_1pj9n_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;font-size:14px;line-height:1.2;color:#666;border:1px solid transparent;border-radius:4px 4px 0 0;background:transparent;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-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;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1pj9n_gg_::-moz-focus-inner{border:none;padding:0}.___STabPanelItem_1pj9n_gg_:active,.___STabPanelItem_1pj9n_gg_:focus,.___STabPanelItem_1pj9n_gg_:hover{outline:0;text-decoration:none}.___STabPanelItem_1pj9n_gg_:hover{color:#333}.___STabPanelItem_1pj9n_gg_.__disabled_1pj9n_gg_{opacity:.3;cursor:default;pointer-events:none}.___STabPanelItem_1pj9n_gg_.__keyboardFocused_1pj9n_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3)}.___STabPanelItem_1pj9n_gg_.__selected_1pj9n_gg_{color:#0071bc;border-color:#ccc;border-bottom-color:#fff;flex-shrink:0}.___STabPanelItem_1pj9n_gg_.__selected_1pj9n_gg_:hover{color:#0071bc}.___SText_1pj9n_gg_{display:inline-block;margin:auto 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2em}.___SAddon_1pj9n_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1pj9n_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_1pj9n_gg_:not(:only-child):last-child{margin-right:8px}"
51
+ ".___STabPanel_1chaf_gg_{display:flex;width:100%;max-width:100%;border-bottom:1px solid #ccc}.___STabPanelItem_1chaf_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;font-size:14px;line-height:1.1;color:#666;border:1px solid transparent;border-radius:4px 4px 0 0;background:transparent;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-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;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1chaf_gg_::-moz-focus-inner{border:none;padding:0}.___STabPanelItem_1chaf_gg_:active,.___STabPanelItem_1chaf_gg_:focus,.___STabPanelItem_1chaf_gg_:hover{outline:0;text-decoration:none}.___STabPanelItem_1chaf_gg_:hover{color:#333}.___STabPanelItem_1chaf_gg_.__disabled_1chaf_gg_{opacity:.3;cursor:default;pointer-events:none}.___STabPanelItem_1chaf_gg_.__keyboardFocused_1chaf_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3)}.___STabPanelItem_1chaf_gg_.__selected_1chaf_gg_{color:#0071bc;border-color:#ccc;border-bottom-color:#fff;flex-shrink:0}.___STabPanelItem_1chaf_gg_.__selected_1chaf_gg_:hover{color:#0071bc}.___SText_1chaf_gg_{display:inline-block;margin:auto 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.___SAddon_1chaf_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1chaf_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_1chaf_gg_:not(:only-child):last-child{margin-right:8px}"
52
52
  /*__inner_css_end__*/
53
- , "8r9u81_gg_")
53
+ , "1trgup5_gg_")
54
54
  /*__reshadow_css_end__*/
55
55
  , {
56
- "__STabPanel": "___STabPanel_1pj9n_gg_",
57
- "__STabPanelItem": "___STabPanelItem_1pj9n_gg_",
58
- "_disabled": "__disabled_1pj9n_gg_",
59
- "_keyboardFocused": "__keyboardFocused_1pj9n_gg_",
60
- "_selected": "__selected_1pj9n_gg_",
61
- "__SText": "___SText_1pj9n_gg_",
62
- "__SAddon": "___SAddon_1pj9n_gg_"
56
+ "__STabPanel": "___STabPanel_1chaf_gg_",
57
+ "__STabPanelItem": "___STabPanelItem_1chaf_gg_",
58
+ "_disabled": "__disabled_1chaf_gg_",
59
+ "_keyboardFocused": "__keyboardFocused_1chaf_gg_",
60
+ "_selected": "__selected_1chaf_gg_",
61
+ "__SText": "___SText_1chaf_gg_",
62
+ "__SAddon": "___SAddon_1chaf_gg_"
63
63
  });
64
64
  var optionsA11yEnhance = {
65
65
  onNeighborChange: function onNeighborChange(neighborElement) {
@@ -14,7 +14,7 @@ STabPanelItem {
14
14
  min-width: 0;
15
15
  height: 32px;
16
16
  font-size: var(--fs-200);
17
- line-height: 1.2;
17
+ line-height: 1.1;
18
18
  color: var(--gray40);
19
19
  border: 1px solid transparent;
20
20
  border-radius: 4px 4px 0 0;
@@ -80,7 +80,7 @@ SText {
80
80
  white-space: nowrap;
81
81
  overflow: hidden;
82
82
  text-overflow: ellipsis;
83
- line-height: 1.2em;
83
+ line-height: 1.1;
84
84
  }
85
85
 
86
86
  SAddon {
@@ -31,18 +31,18 @@ var style = (
31
31
  /*__reshadow_css_start__*/
32
32
  _sstyled.insert(
33
33
  /*__inner_css_start__*/
34
- ".___STabPanel_1pj9n_gg_{display:flex;width:100%;max-width:100%;border-bottom:1px solid #ccc}.___STabPanelItem_1pj9n_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;font-size:14px;line-height:1.2;color:#666;border:1px solid transparent;border-radius:4px 4px 0 0;background:transparent;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-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;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1pj9n_gg_::-moz-focus-inner{border:none;padding:0}.___STabPanelItem_1pj9n_gg_:active,.___STabPanelItem_1pj9n_gg_:focus,.___STabPanelItem_1pj9n_gg_:hover{outline:0;text-decoration:none}.___STabPanelItem_1pj9n_gg_:hover{color:#333}.___STabPanelItem_1pj9n_gg_.__disabled_1pj9n_gg_{opacity:.3;cursor:default;pointer-events:none}.___STabPanelItem_1pj9n_gg_.__keyboardFocused_1pj9n_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3)}.___STabPanelItem_1pj9n_gg_.__selected_1pj9n_gg_{color:#0071bc;border-color:#ccc;border-bottom-color:#fff;flex-shrink:0}.___STabPanelItem_1pj9n_gg_.__selected_1pj9n_gg_:hover{color:#0071bc}.___SText_1pj9n_gg_{display:inline-block;margin:auto 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2em}.___SAddon_1pj9n_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1pj9n_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_1pj9n_gg_:not(:only-child):last-child{margin-right:8px}"
34
+ ".___STabPanel_1chaf_gg_{display:flex;width:100%;max-width:100%;border-bottom:1px solid #ccc}.___STabPanelItem_1chaf_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;font-size:14px;line-height:1.1;color:#666;border:1px solid transparent;border-radius:4px 4px 0 0;background:transparent;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-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;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1chaf_gg_::-moz-focus-inner{border:none;padding:0}.___STabPanelItem_1chaf_gg_:active,.___STabPanelItem_1chaf_gg_:focus,.___STabPanelItem_1chaf_gg_:hover{outline:0;text-decoration:none}.___STabPanelItem_1chaf_gg_:hover{color:#333}.___STabPanelItem_1chaf_gg_.__disabled_1chaf_gg_{opacity:.3;cursor:default;pointer-events:none}.___STabPanelItem_1chaf_gg_.__keyboardFocused_1chaf_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3)}.___STabPanelItem_1chaf_gg_.__selected_1chaf_gg_{color:#0071bc;border-color:#ccc;border-bottom-color:#fff;flex-shrink:0}.___STabPanelItem_1chaf_gg_.__selected_1chaf_gg_:hover{color:#0071bc}.___SText_1chaf_gg_{display:inline-block;margin:auto 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.___SAddon_1chaf_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1chaf_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_1chaf_gg_:not(:only-child):last-child{margin-right:8px}"
35
35
  /*__inner_css_end__*/
36
- , "8r9u81_gg_")
36
+ , "1trgup5_gg_")
37
37
  /*__reshadow_css_end__*/
38
38
  , {
39
- "__STabPanel": "___STabPanel_1pj9n_gg_",
40
- "__STabPanelItem": "___STabPanelItem_1pj9n_gg_",
41
- "_disabled": "__disabled_1pj9n_gg_",
42
- "_keyboardFocused": "__keyboardFocused_1pj9n_gg_",
43
- "_selected": "__selected_1pj9n_gg_",
44
- "__SText": "___SText_1pj9n_gg_",
45
- "__SAddon": "___SAddon_1pj9n_gg_"
39
+ "__STabPanel": "___STabPanel_1chaf_gg_",
40
+ "__STabPanelItem": "___STabPanelItem_1chaf_gg_",
41
+ "_disabled": "__disabled_1chaf_gg_",
42
+ "_keyboardFocused": "__keyboardFocused_1chaf_gg_",
43
+ "_selected": "__selected_1chaf_gg_",
44
+ "__SText": "___SText_1chaf_gg_",
45
+ "__SAddon": "___SAddon_1chaf_gg_"
46
46
  });
47
47
  var optionsA11yEnhance = {
48
48
  onNeighborChange: function onNeighborChange(neighborElement) {
@@ -14,7 +14,7 @@ STabPanelItem {
14
14
  min-width: 0;
15
15
  height: 32px;
16
16
  font-size: var(--fs-200);
17
- line-height: 1.2;
17
+ line-height: 1.1;
18
18
  color: var(--gray40);
19
19
  border: 1px solid transparent;
20
20
  border-radius: 4px 4px 0 0;
@@ -80,7 +80,7 @@ SText {
80
80
  white-space: nowrap;
81
81
  overflow: hidden;
82
82
  text-overflow: ellipsis;
83
- line-height: 1.2em;
83
+ line-height: 1.1;
84
84
  }
85
85
 
86
86
  SAddon {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/tab-panel",
3
3
  "description": "SEMRush TabPanel Component",
4
- "version": "2.6.2",
4
+ "version": "2.6.3",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,7 +14,7 @@ STabPanelItem {
14
14
  min-width: 0;
15
15
  height: 32px;
16
16
  font-size: var(--fs-200);
17
- line-height: 1.2;
17
+ line-height: 1.1;
18
18
  color: var(--gray40);
19
19
  border: 1px solid transparent;
20
20
  border-radius: 4px 4px 0 0;
@@ -80,7 +80,7 @@ SText {
80
80
  white-space: nowrap;
81
81
  overflow: hidden;
82
82
  text-overflow: ellipsis;
83
- line-height: 1.2em;
83
+ line-height: 1.1;
84
84
  }
85
85
 
86
86
  SAddon {