@semcore/tab-panel 3.1.3 → 3.1.4

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.4] - 2022-11-21
6
+
7
+ ### Changed
8
+
9
+ - Changed `font-weight` of tab's text.
10
+
5
11
  ## [3.1.3] - 2022-10-28
6
12
 
7
13
  ### Changed
@@ -52,18 +52,18 @@ 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.___STabPanel_10ywg_gg_ {\n display: flex;\n width: 100%;\n max-width: 100%;\n border-bottom: 1px solid #c4c7cf;\n}\n\n.___STabPanelItem_10ywg_gg_ {\n position: relative;\n bottom: -1px;\n display: inline-flex;\n min-width: 0;\n height: 32px;\n color: #6c6e79;\n border: 1px solid transparent;\n border-radius: 6px 6px 0 0;\n background: transparent;\n align-items: center;\n justify-content: center;\n touch-action: manipulation;\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 outline: 0;\n text-align: center;\n vertical-align: middle;\n font-family: inherit;\n cursor: pointer\n}\n\n.___STabPanelItem_10ywg_gg_ .___SText_10ywg_gg_ {\n font-size: 14px;\n line-height: 1.42;\n }\n\n.___STabPanelItem_10ywg_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___STabPanelItem_10ywg_gg_:active,\n .___STabPanelItem_10ywg_gg_:hover,\n .___STabPanelItem_10ywg_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___STabPanelItem_10ywg_gg_:hover {\n color: #191b23;\n }\n\n.___STabPanelItem_10ywg_gg_.__disabled_10ywg_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none; /* Disable link interactions */\n}\n\n.___STabPanelItem_10ywg_gg_.__keyboardFocused_10ywg_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___STabPanelItem_10ywg_gg_.__selected_10ywg_gg_ {\n color: #006dca;\n border-color: #c4c7cf;\n border-bottom-color: #ffffff;\n flex-shrink: 0\n}\n\n.___STabPanelItem_10ywg_gg_.__selected_10ywg_gg_:hover {\n color: #006dca;\n }\n\n.___SText_10ywg_gg_ {\n display: inline-block;\n margin: auto 8px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.___SAddon_10ywg_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.___SAddon_10ywg_gg_:not(:only-child):first-child {\n margin-left: 8px;\n}\n\n.___SAddon_10ywg_gg_:not(:only-child):last-child {\n margin-right: 8px;\n}\n\n.___SAddon_10ywg_gg_:only-child {\n margin-right: 8px;\n margin-left: 8px;\n}\n"
55
+ ".___STabPanel_1qh28_gg_{display:flex;width:100%;max-width:100%;border-bottom:1px solid #c4c7cf}.___STabPanelItem_1qh28_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:#6c6e79;border:1px solid transparent;border-radius:6px 6px 0 0;background:transparent;align-items:center;justify-content:center;touch-action:manipulation;-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;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1qh28_gg_ .___SText_1qh28_gg_{font-size:14px;line-height:1.42;font-weight:500}.___STabPanelItem_1qh28_gg_::-moz-focus-inner{border:none;padding:0}.___STabPanelItem_1qh28_gg_:active,.___STabPanelItem_1qh28_gg_:focus,.___STabPanelItem_1qh28_gg_:hover{outline:0;text-decoration:none}.___STabPanelItem_1qh28_gg_:hover{color:#191b23}.___STabPanelItem_1qh28_gg_.__disabled_1qh28_gg_{opacity:0.3;cursor:default;pointer-events:none}.___STabPanelItem_1qh28_gg_.__keyboardFocused_1qh28_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___STabPanelItem_1qh28_gg_.__selected_1qh28_gg_{color:#006dca;border-color:#c4c7cf;border-bottom-color:#ffffff;flex-shrink:0}.___STabPanelItem_1qh28_gg_.__selected_1qh28_gg_:hover{color:#006dca}.___SText_1qh28_gg_{display:inline-block;margin:auto 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1qh28_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1qh28_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_1qh28_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_1qh28_gg_:only-child{margin-right:8px;margin-left:8px}"
56
56
  /*__inner_css_end__*/
57
- , "10ywg_gg_")
57
+ , "1qh28_gg_")
58
58
  /*__reshadow_css_end__*/
59
59
  , {
60
- "__STabPanel": "___STabPanel_10ywg_gg_",
61
- "__STabPanelItem": "___STabPanelItem_10ywg_gg_",
62
- "__SText": "___SText_10ywg_gg_",
63
- "_disabled": "__disabled_10ywg_gg_",
64
- "_keyboardFocused": "__keyboardFocused_10ywg_gg_",
65
- "_selected": "__selected_10ywg_gg_",
66
- "__SAddon": "___SAddon_10ywg_gg_"
60
+ "__STabPanel": "___STabPanel_1qh28_gg_",
61
+ "__STabPanelItem": "___STabPanelItem_1qh28_gg_",
62
+ "__SText": "___SText_1qh28_gg_",
63
+ "_disabled": "__disabled_1qh28_gg_",
64
+ "_keyboardFocused": "__keyboardFocused_1qh28_gg_",
65
+ "_selected": "__selected_1qh28_gg_",
66
+ "__SAddon": "___SAddon_1qh28_gg_"
67
67
  });
68
68
  var optionsA11yEnhance = {
69
69
  onNeighborChange: function onNeighborChange(neighborElement) {
@@ -37,6 +37,7 @@ STabPanelItem {
37
37
  & SText {
38
38
  font-size: var(--fs-200);
39
39
  line-height: var(--lh-200);
40
+ font-weight: 500;
40
41
  }
41
42
 
42
43
  &::-moz-focus-inner {
@@ -31,18 +31,18 @@ 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.___STabPanel_10ywg_gg_ {\n display: flex;\n width: 100%;\n max-width: 100%;\n border-bottom: 1px solid #c4c7cf;\n}\n\n.___STabPanelItem_10ywg_gg_ {\n position: relative;\n bottom: -1px;\n display: inline-flex;\n min-width: 0;\n height: 32px;\n color: #6c6e79;\n border: 1px solid transparent;\n border-radius: 6px 6px 0 0;\n background: transparent;\n align-items: center;\n justify-content: center;\n touch-action: manipulation;\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 outline: 0;\n text-align: center;\n vertical-align: middle;\n font-family: inherit;\n cursor: pointer\n}\n\n.___STabPanelItem_10ywg_gg_ .___SText_10ywg_gg_ {\n font-size: 14px;\n line-height: 1.42;\n }\n\n.___STabPanelItem_10ywg_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___STabPanelItem_10ywg_gg_:active,\n .___STabPanelItem_10ywg_gg_:hover,\n .___STabPanelItem_10ywg_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___STabPanelItem_10ywg_gg_:hover {\n color: #191b23;\n }\n\n.___STabPanelItem_10ywg_gg_.__disabled_10ywg_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none; /* Disable link interactions */\n}\n\n.___STabPanelItem_10ywg_gg_.__keyboardFocused_10ywg_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___STabPanelItem_10ywg_gg_.__selected_10ywg_gg_ {\n color: #006dca;\n border-color: #c4c7cf;\n border-bottom-color: #ffffff;\n flex-shrink: 0\n}\n\n.___STabPanelItem_10ywg_gg_.__selected_10ywg_gg_:hover {\n color: #006dca;\n }\n\n.___SText_10ywg_gg_ {\n display: inline-block;\n margin: auto 8px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.___SAddon_10ywg_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.___SAddon_10ywg_gg_:not(:only-child):first-child {\n margin-left: 8px;\n}\n\n.___SAddon_10ywg_gg_:not(:only-child):last-child {\n margin-right: 8px;\n}\n\n.___SAddon_10ywg_gg_:only-child {\n margin-right: 8px;\n margin-left: 8px;\n}\n"
34
+ ".___STabPanel_1qh28_gg_{display:flex;width:100%;max-width:100%;border-bottom:1px solid #c4c7cf}.___STabPanelItem_1qh28_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:#6c6e79;border:1px solid transparent;border-radius:6px 6px 0 0;background:transparent;align-items:center;justify-content:center;touch-action:manipulation;-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;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1qh28_gg_ .___SText_1qh28_gg_{font-size:14px;line-height:1.42;font-weight:500}.___STabPanelItem_1qh28_gg_::-moz-focus-inner{border:none;padding:0}.___STabPanelItem_1qh28_gg_:active,.___STabPanelItem_1qh28_gg_:focus,.___STabPanelItem_1qh28_gg_:hover{outline:0;text-decoration:none}.___STabPanelItem_1qh28_gg_:hover{color:#191b23}.___STabPanelItem_1qh28_gg_.__disabled_1qh28_gg_{opacity:0.3;cursor:default;pointer-events:none}.___STabPanelItem_1qh28_gg_.__keyboardFocused_1qh28_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___STabPanelItem_1qh28_gg_.__selected_1qh28_gg_{color:#006dca;border-color:#c4c7cf;border-bottom-color:#ffffff;flex-shrink:0}.___STabPanelItem_1qh28_gg_.__selected_1qh28_gg_:hover{color:#006dca}.___SText_1qh28_gg_{display:inline-block;margin:auto 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1qh28_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1qh28_gg_:not(:only-child):first-child{margin-left:8px}.___SAddon_1qh28_gg_:not(:only-child):last-child{margin-right:8px}.___SAddon_1qh28_gg_:only-child{margin-right:8px;margin-left:8px}"
35
35
  /*__inner_css_end__*/
36
- , "10ywg_gg_")
36
+ , "1qh28_gg_")
37
37
  /*__reshadow_css_end__*/
38
38
  , {
39
- "__STabPanel": "___STabPanel_10ywg_gg_",
40
- "__STabPanelItem": "___STabPanelItem_10ywg_gg_",
41
- "__SText": "___SText_10ywg_gg_",
42
- "_disabled": "__disabled_10ywg_gg_",
43
- "_keyboardFocused": "__keyboardFocused_10ywg_gg_",
44
- "_selected": "__selected_10ywg_gg_",
45
- "__SAddon": "___SAddon_10ywg_gg_"
39
+ "__STabPanel": "___STabPanel_1qh28_gg_",
40
+ "__STabPanelItem": "___STabPanelItem_1qh28_gg_",
41
+ "__SText": "___SText_1qh28_gg_",
42
+ "_disabled": "__disabled_1qh28_gg_",
43
+ "_keyboardFocused": "__keyboardFocused_1qh28_gg_",
44
+ "_selected": "__selected_1qh28_gg_",
45
+ "__SAddon": "___SAddon_1qh28_gg_"
46
46
  });
47
47
  var optionsA11yEnhance = {
48
48
  onNeighborChange: function onNeighborChange(neighborElement) {
@@ -37,6 +37,7 @@ STabPanelItem {
37
37
  & SText {
38
38
  font-size: var(--fs-200);
39
39
  line-height: var(--lh-200);
40
+ font-weight: 500;
40
41
  }
41
42
 
42
43
  &::-moz-focus-inner {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/tab-panel",
3
3
  "description": "Semrush TabPanel Component",
4
- "version": "3.1.3",
4
+ "version": "3.1.4",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",