@semcore/tab-line 3.1.2 → 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.
Files changed (6) hide show
  1. package/CHANGELOG.md +8 -2
  2. package/lib/cjs/TabLine.js +14 -14
  3. package/lib/cjs/style/tab-line.shadow.css +2 -1
  4. package/lib/es6/TabLine.js +14 -14
  5. package/lib/es6/style/tab-line.shadow.css +2 -1
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,11 +2,17 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [3.1.2] - 2022-10-20
5
+ ## [3.1.4] - 2022-11-21
6
6
 
7
7
  ### Changed
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/flex-box` [4.6.1 ~> 4.6.2], `@semcore/neighbor-location` [3.1.1 ~> 3.1.2], `@semcore/utils` [3.39.0 ~> 3.39.1]).
9
+ - Changed `font-weight` of tab's text and `height` of underline.
10
+
11
+ ## [3.1.3] - 2022-10-28
12
+
13
+ ### Changed
14
+
15
+ - Version patch update due to children dependencies update (`@semcore/flex-box` [4.6.2 ~> 4.6.3], `@semcore/neighbor-location` [3.1.2 ~> 3.1.3], `@semcore/utils` [3.40.0 ~> 3.40.0]).
10
16
 
11
17
  ## [3.1.0] - 2022-10-10
12
18
 
package/lib/cjs/TabLine.js CHANGED
@@ -56,23 +56,23 @@ var style = (
56
56
  /*__reshadow_css_start__*/
57
57
  _core.sstyled.insert(
58
58
  /*__inner_css_start__*/
59
- ":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.___STabLine_bq8ub_gg_ {\n position: relative;\n display: flex;\n width: 100%;\n max-width: 100%;\n}\n\n.___STabLine_bq8ub_gg_.__underlined_bq8ub_gg_ {\n border-bottom: 1px solid #c4c7cf;\n}\n\n.___STabLineItem_bq8ub_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\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 border: none;\n background: transparent;\n color: #191b23;\n margin-right: 16px\n}\n\n.___STabLineItem_bq8ub_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___STabLineItem_bq8ub_gg_:active,\n .___STabLineItem_bq8ub_gg_:hover,\n .___STabLineItem_bq8ub_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___STabLineItem_bq8ub_gg_::after {\n content: '';\n left: 0;\n width: 100%;\n background-color: transparent;\n transition: background-color 0.2s;\n }\n\n.___STabLineItem_bq8ub_gg_:hover::after {\n background-color: #c4c7cf;\n }\n\n.___STabLineItem_bq8ub_gg_ .___SText_bq8ub_gg_:not(:last-child) {\n margin-right: 8px;\n }\n\n.___STabLineItem_bq8ub_gg_ .___SAddon_bq8ub_gg_:not(:last-child) {\n margin-right: 8px;\n }\n\n.___SIndicator_bq8ub_gg_,\n.___STabLineItem_bq8ub_gg_::after {\n position: absolute;\n display: block;\n bottom: -1px;\n height: 2px;\n}\n\n.___SIndicator_bq8ub_gg_ {\n transition: transform 0.5s ease;\n background-color: #008ff8;\n will-change: transform;\n}\n\n.___STabLineItem_bq8ub_gg_.__selected_bq8ub_gg_ {\n flex-shrink: 0;\n}\n\n.___STabLineItem_bq8ub_gg_.__disabled_bq8ub_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none; /* Disable link interactions */\n}\n\n.___STabLineItem_bq8ub_gg_.__keyboardFocused_bq8ub_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SText_bq8ub_gg_ {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.___SAddon_bq8ub_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.___STabLineItem_bq8ub_gg_._size_m_bq8ub_gg_ {\n height: 28px;\n min-width: 18px\n}\n\n.___STabLineItem_bq8ub_gg_._size_m_bq8ub_gg_ .___SText_bq8ub_gg_ {\n font-size: 14px;\n line-height: 1.42;\n }\n\n.___STabLineItem_bq8ub_gg_._size_l_bq8ub_gg_ {\n height: 40px;\n min-width: 26px\n}\n\n.___STabLineItem_bq8ub_gg_._size_l_bq8ub_gg_ .___SText_bq8ub_gg_ {\n font-size: 16px;\n line-height: 1.5;\n }\n\n.___STabLineItem_bq8ub_gg_._neighborLocation_left_bq8ub_gg_ {\n margin-right: 0;\n}\n\n@media (prefers-reduced-motion) {\n .___STabLineItem_bq8ub_gg_::after {\n transition: none;\n }\n\n .___SIndicator_bq8ub_gg_ {\n transition: none;\n }\n}\n"
59
+ ".___STabLine_1d1ns_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_1d1ns_gg_.__underlined_1d1ns_gg_{border-bottom:1px solid #c4c7cf}.___STabLineItem_1d1ns_gg_{display:inline-flex;align-items:center;justify-content:center;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;border:none;background:transparent;color:#191b23;margin-right:16px;font-weight:500}.___STabLineItem_1d1ns_gg_::-moz-focus-inner{border:none;padding:0}.___STabLineItem_1d1ns_gg_:active,.___STabLineItem_1d1ns_gg_:focus,.___STabLineItem_1d1ns_gg_:hover{outline:0;text-decoration:none}.___STabLineItem_1d1ns_gg_:after{content:\"\";left:0;width:100%;background-color:transparent;transition:background-color .2s}.___STabLineItem_1d1ns_gg_:hover:after{background-color:#c4c7cf}.___STabLineItem_1d1ns_gg_ .___SText_1d1ns_gg_:not(:last-child){margin-right:8px}.___STabLineItem_1d1ns_gg_ .___SAddon_1d1ns_gg_:not(:last-child){margin-right:8px}.___SIndicator_1d1ns_gg_,.___STabLineItem_1d1ns_gg_:after{position:absolute;display:block;bottom:-1px;height:3px}.___SIndicator_1d1ns_gg_{transition:transform .5s ease;background-color:#008ff8;will-change:transform}.___STabLineItem_1d1ns_gg_.__selected_1d1ns_gg_{flex-shrink:0}.___STabLineItem_1d1ns_gg_.__disabled_1d1ns_gg_{opacity:0.3;cursor:default;pointer-events:none}.___STabLineItem_1d1ns_gg_.__keyboardFocused_1d1ns_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SText_1d1ns_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1d1ns_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_1d1ns_gg_._size_m_1d1ns_gg_{height:28px;min-width:18px}.___STabLineItem_1d1ns_gg_._size_m_1d1ns_gg_ .___SText_1d1ns_gg_{font-size:14px;line-height:1.42}.___STabLineItem_1d1ns_gg_._size_l_1d1ns_gg_{height:40px;min-width:26px}.___STabLineItem_1d1ns_gg_._size_l_1d1ns_gg_ .___SText_1d1ns_gg_{font-size:16px;line-height:1.5}.___STabLineItem_1d1ns_gg_._neighborLocation_left_1d1ns_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_1d1ns_gg_:after{transition:none}.___SIndicator_1d1ns_gg_{transition:none}}"
60
60
  /*__inner_css_end__*/
61
- , "bq8ub_gg_")
61
+ , "1d1ns_gg_")
62
62
  /*__reshadow_css_end__*/
63
63
  , {
64
- "__STabLine": "___STabLine_bq8ub_gg_",
65
- "_underlined": "__underlined_bq8ub_gg_",
66
- "__STabLineItem": "___STabLineItem_bq8ub_gg_",
67
- "__SText": "___SText_bq8ub_gg_",
68
- "__SAddon": "___SAddon_bq8ub_gg_",
69
- "__SIndicator": "___SIndicator_bq8ub_gg_",
70
- "_selected": "__selected_bq8ub_gg_",
71
- "_disabled": "__disabled_bq8ub_gg_",
72
- "_keyboardFocused": "__keyboardFocused_bq8ub_gg_",
73
- "_size_m": "_size_m_bq8ub_gg_",
74
- "_size_l": "_size_l_bq8ub_gg_",
75
- "_neighborLocation_left": "_neighborLocation_left_bq8ub_gg_"
64
+ "__STabLine": "___STabLine_1d1ns_gg_",
65
+ "_underlined": "__underlined_1d1ns_gg_",
66
+ "__STabLineItem": "___STabLineItem_1d1ns_gg_",
67
+ "__SText": "___SText_1d1ns_gg_",
68
+ "__SAddon": "___SAddon_1d1ns_gg_",
69
+ "__SIndicator": "___SIndicator_1d1ns_gg_",
70
+ "_selected": "__selected_1d1ns_gg_",
71
+ "_disabled": "__disabled_1d1ns_gg_",
72
+ "_keyboardFocused": "__keyboardFocused_1d1ns_gg_",
73
+ "_size_m": "_size_m_1d1ns_gg_",
74
+ "_size_l": "_size_l_1d1ns_gg_",
75
+ "_neighborLocation_left": "_neighborLocation_left_1d1ns_gg_"
76
76
  });
77
77
  var optionsA11yEnhance = {
78
78
  onNeighborChange: function onNeighborChange(neighborElement) {
package/lib/cjs/style/tab-line.shadow.css CHANGED
@@ -36,6 +36,7 @@ STabLineItem {
36
36
  background: transparent;
37
37
  color: var(--gray-800);
38
38
  margin-right: 16px;
39
+ font-weight: 500;
39
40
 
40
41
  &::-moz-focus-inner {
41
42
  border: none;
@@ -75,7 +76,7 @@ STabLineItem::after {
75
76
  position: absolute;
76
77
  display: block;
77
78
  bottom: -1px;
78
- height: 2px;
79
+ height: 3px;
79
80
  }
80
81
 
81
82
  SIndicator {
package/lib/es6/TabLine.js CHANGED
@@ -33,23 +33,23 @@ var style = (
33
33
  /*__reshadow_css_start__*/
34
34
  _sstyled.insert(
35
35
  /*__inner_css_start__*/
36
- ":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.___STabLine_bq8ub_gg_ {\n position: relative;\n display: flex;\n width: 100%;\n max-width: 100%;\n}\n\n.___STabLine_bq8ub_gg_.__underlined_bq8ub_gg_ {\n border-bottom: 1px solid #c4c7cf;\n}\n\n.___STabLineItem_bq8ub_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\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 border: none;\n background: transparent;\n color: #191b23;\n margin-right: 16px\n}\n\n.___STabLineItem_bq8ub_gg_::-moz-focus-inner {\n border: none;\n padding: 0;\n }\n\n.___STabLineItem_bq8ub_gg_:active,\n .___STabLineItem_bq8ub_gg_:hover,\n .___STabLineItem_bq8ub_gg_:focus {\n outline: 0;\n text-decoration: none;\n }\n\n.___STabLineItem_bq8ub_gg_::after {\n content: '';\n left: 0;\n width: 100%;\n background-color: transparent;\n transition: background-color 0.2s;\n }\n\n.___STabLineItem_bq8ub_gg_:hover::after {\n background-color: #c4c7cf;\n }\n\n.___STabLineItem_bq8ub_gg_ .___SText_bq8ub_gg_:not(:last-child) {\n margin-right: 8px;\n }\n\n.___STabLineItem_bq8ub_gg_ .___SAddon_bq8ub_gg_:not(:last-child) {\n margin-right: 8px;\n }\n\n.___SIndicator_bq8ub_gg_,\n.___STabLineItem_bq8ub_gg_::after {\n position: absolute;\n display: block;\n bottom: -1px;\n height: 2px;\n}\n\n.___SIndicator_bq8ub_gg_ {\n transition: transform 0.5s ease;\n background-color: #008ff8;\n will-change: transform;\n}\n\n.___STabLineItem_bq8ub_gg_.__selected_bq8ub_gg_ {\n flex-shrink: 0;\n}\n\n.___STabLineItem_bq8ub_gg_.__disabled_bq8ub_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none; /* Disable link interactions */\n}\n\n.___STabLineItem_bq8ub_gg_.__keyboardFocused_bq8ub_gg_ {\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n\n.___SText_bq8ub_gg_ {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.___SAddon_bq8ub_gg_ {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.___STabLineItem_bq8ub_gg_._size_m_bq8ub_gg_ {\n height: 28px;\n min-width: 18px\n}\n\n.___STabLineItem_bq8ub_gg_._size_m_bq8ub_gg_ .___SText_bq8ub_gg_ {\n font-size: 14px;\n line-height: 1.42;\n }\n\n.___STabLineItem_bq8ub_gg_._size_l_bq8ub_gg_ {\n height: 40px;\n min-width: 26px\n}\n\n.___STabLineItem_bq8ub_gg_._size_l_bq8ub_gg_ .___SText_bq8ub_gg_ {\n font-size: 16px;\n line-height: 1.5;\n }\n\n.___STabLineItem_bq8ub_gg_._neighborLocation_left_bq8ub_gg_ {\n margin-right: 0;\n}\n\n@media (prefers-reduced-motion) {\n .___STabLineItem_bq8ub_gg_::after {\n transition: none;\n }\n\n .___SIndicator_bq8ub_gg_ {\n transition: none;\n }\n}\n"
36
+ ".___STabLine_1d1ns_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_1d1ns_gg_.__underlined_1d1ns_gg_{border-bottom:1px solid #c4c7cf}.___STabLineItem_1d1ns_gg_{display:inline-flex;align-items:center;justify-content:center;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;border:none;background:transparent;color:#191b23;margin-right:16px;font-weight:500}.___STabLineItem_1d1ns_gg_::-moz-focus-inner{border:none;padding:0}.___STabLineItem_1d1ns_gg_:active,.___STabLineItem_1d1ns_gg_:focus,.___STabLineItem_1d1ns_gg_:hover{outline:0;text-decoration:none}.___STabLineItem_1d1ns_gg_:after{content:\"\";left:0;width:100%;background-color:transparent;transition:background-color .2s}.___STabLineItem_1d1ns_gg_:hover:after{background-color:#c4c7cf}.___STabLineItem_1d1ns_gg_ .___SText_1d1ns_gg_:not(:last-child){margin-right:8px}.___STabLineItem_1d1ns_gg_ .___SAddon_1d1ns_gg_:not(:last-child){margin-right:8px}.___SIndicator_1d1ns_gg_,.___STabLineItem_1d1ns_gg_:after{position:absolute;display:block;bottom:-1px;height:3px}.___SIndicator_1d1ns_gg_{transition:transform .5s ease;background-color:#008ff8;will-change:transform}.___STabLineItem_1d1ns_gg_.__selected_1d1ns_gg_{flex-shrink:0}.___STabLineItem_1d1ns_gg_.__disabled_1d1ns_gg_{opacity:0.3;cursor:default;pointer-events:none}.___STabLineItem_1d1ns_gg_.__keyboardFocused_1d1ns_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SText_1d1ns_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1d1ns_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_1d1ns_gg_._size_m_1d1ns_gg_{height:28px;min-width:18px}.___STabLineItem_1d1ns_gg_._size_m_1d1ns_gg_ .___SText_1d1ns_gg_{font-size:14px;line-height:1.42}.___STabLineItem_1d1ns_gg_._size_l_1d1ns_gg_{height:40px;min-width:26px}.___STabLineItem_1d1ns_gg_._size_l_1d1ns_gg_ .___SText_1d1ns_gg_{font-size:16px;line-height:1.5}.___STabLineItem_1d1ns_gg_._neighborLocation_left_1d1ns_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_1d1ns_gg_:after{transition:none}.___SIndicator_1d1ns_gg_{transition:none}}"
37
37
  /*__inner_css_end__*/
38
- , "bq8ub_gg_")
38
+ , "1d1ns_gg_")
39
39
  /*__reshadow_css_end__*/
40
40
  , {
41
- "__STabLine": "___STabLine_bq8ub_gg_",
42
- "_underlined": "__underlined_bq8ub_gg_",
43
- "__STabLineItem": "___STabLineItem_bq8ub_gg_",
44
- "__SText": "___SText_bq8ub_gg_",
45
- "__SAddon": "___SAddon_bq8ub_gg_",
46
- "__SIndicator": "___SIndicator_bq8ub_gg_",
47
- "_selected": "__selected_bq8ub_gg_",
48
- "_disabled": "__disabled_bq8ub_gg_",
49
- "_keyboardFocused": "__keyboardFocused_bq8ub_gg_",
50
- "_size_m": "_size_m_bq8ub_gg_",
51
- "_size_l": "_size_l_bq8ub_gg_",
52
- "_neighborLocation_left": "_neighborLocation_left_bq8ub_gg_"
41
+ "__STabLine": "___STabLine_1d1ns_gg_",
42
+ "_underlined": "__underlined_1d1ns_gg_",
43
+ "__STabLineItem": "___STabLineItem_1d1ns_gg_",
44
+ "__SText": "___SText_1d1ns_gg_",
45
+ "__SAddon": "___SAddon_1d1ns_gg_",
46
+ "__SIndicator": "___SIndicator_1d1ns_gg_",
47
+ "_selected": "__selected_1d1ns_gg_",
48
+ "_disabled": "__disabled_1d1ns_gg_",
49
+ "_keyboardFocused": "__keyboardFocused_1d1ns_gg_",
50
+ "_size_m": "_size_m_1d1ns_gg_",
51
+ "_size_l": "_size_l_1d1ns_gg_",
52
+ "_neighborLocation_left": "_neighborLocation_left_1d1ns_gg_"
53
53
  });
54
54
  var optionsA11yEnhance = {
55
55
  onNeighborChange: function onNeighborChange(neighborElement) {
package/lib/es6/style/tab-line.shadow.css CHANGED
@@ -36,6 +36,7 @@ STabLineItem {
36
36
  background: transparent;
37
37
  color: var(--gray-800);
38
38
  margin-right: 16px;
39
+ font-weight: 500;
39
40
 
40
41
  &::-moz-focus-inner {
41
42
  border: none;
@@ -75,7 +76,7 @@ STabLineItem::after {
75
76
  position: absolute;
76
77
  display: block;
77
78
  bottom: -1px;
78
- height: 2px;
79
+ height: 3px;
79
80
  }
80
81
 
81
82
  SIndicator {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/tab-line",
3
3
  "description": "Semrush TabLine Component",
4
- "version": "3.1.2",
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",