carbon-react 111.0.0 → 111.0.2
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/esm/components/flat-table/flat-table-row/flat-table-row.style.js +18 -19
- package/esm/components/menu/__internal__/submenu/submenu.component.js +6 -0
- package/lib/components/flat-table/flat-table-row/flat-table-row.style.js +18 -19
- package/lib/components/menu/__internal__/submenu/submenu.component.js +6 -0
- package/package.json +1 -1
|
@@ -13,23 +13,23 @@ const horizontalBorderSizes = {
|
|
|
13
13
|
|
|
14
14
|
const stickyColumnFocusStyling = (index, theme) => {
|
|
15
15
|
return `
|
|
16
|
-
border-
|
|
17
|
-
border-left: 1px solid
|
|
16
|
+
border-left: 2px solid
|
|
18
17
|
${index === 0 ? "var(--colorsSemanticFocus500)" : "var(--colorsUtilityMajor100)"};
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
18
|
+
width: calc(100% + 1px);
|
|
19
|
+
top: 0;
|
|
20
|
+
z-index: ${theme.zIndex.overlay + 2};
|
|
21
|
+
:before {
|
|
22
|
+
content: "";
|
|
23
|
+
border-top: 2px solid var(--colorsSemanticFocus500);
|
|
24
|
+
border-bottom: 2px solid var(--colorsSemanticFocus500);
|
|
25
|
+
display: block;
|
|
26
|
+
left: 0px;
|
|
27
|
+
top: 0px;
|
|
28
|
+
height: calc(100% - 3px);
|
|
29
|
+
width: 101%;
|
|
30
|
+
position: absolute;
|
|
31
|
+
z-index: ${theme.zIndex.overlay};
|
|
32
|
+
}
|
|
33
33
|
}
|
|
34
34
|
`;
|
|
35
35
|
};
|
|
@@ -87,7 +87,6 @@ const StyledFlatTableRow = styled.tr`
|
|
|
87
87
|
min-width: 100%;
|
|
88
88
|
table-layout: fixed;
|
|
89
89
|
width: auto;
|
|
90
|
-
outline: 2px solid #0000;
|
|
91
90
|
|
|
92
91
|
[data-component="icon"]:not([color]) {
|
|
93
92
|
color: var(--colorsActionMinor500);
|
|
@@ -134,7 +133,7 @@ const StyledFlatTableRow = styled.tr`
|
|
|
134
133
|
position: absolute;
|
|
135
134
|
left: 0px;
|
|
136
135
|
right: 0px;
|
|
137
|
-
top:
|
|
136
|
+
top: 0;
|
|
138
137
|
bottom: 0px;
|
|
139
138
|
border: 2px solid var(--colorsSemanticFocus500);
|
|
140
139
|
pointer-events: none;
|
|
@@ -149,7 +148,7 @@ const StyledFlatTableRow = styled.tr`
|
|
|
149
148
|
@media not all and (min-resolution: 0.001dpcm) {
|
|
150
149
|
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
|
|
151
150
|
outline: 2px solid var(--colorsSemanticFocus500);
|
|
152
|
-
outline-offset: -
|
|
151
|
+
outline-offset: -2px;
|
|
153
152
|
position: static;
|
|
154
153
|
:after {
|
|
155
154
|
content: none;
|
|
@@ -176,6 +176,12 @@ const Submenu = /*#__PURE__*/React.forwardRef(({
|
|
|
176
176
|
setCharacterString("");
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
+
if (Events.isEnterKey(event)) {
|
|
180
|
+
/* timeout enforces that the "closeSubmenu" method will be run after
|
|
181
|
+
the browser navigates to the specified href of the menu-item. */
|
|
182
|
+
setTimeout(() => closeSubmenu());
|
|
183
|
+
}
|
|
184
|
+
|
|
179
185
|
if (href && index === undefined) {
|
|
180
186
|
if (Events.isEnterKey(event) || Events.isTabKey(event) && Events.isShiftKey(event)) {
|
|
181
187
|
closeSubmenu();
|
|
@@ -34,23 +34,23 @@ const horizontalBorderSizes = {
|
|
|
34
34
|
|
|
35
35
|
const stickyColumnFocusStyling = (index, theme) => {
|
|
36
36
|
return `
|
|
37
|
-
border-
|
|
38
|
-
border-left: 1px solid
|
|
37
|
+
border-left: 2px solid
|
|
39
38
|
${index === 0 ? "var(--colorsSemanticFocus500)" : "var(--colorsUtilityMajor100)"};
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
39
|
+
width: calc(100% + 1px);
|
|
40
|
+
top: 0;
|
|
41
|
+
z-index: ${theme.zIndex.overlay + 2};
|
|
42
|
+
:before {
|
|
43
|
+
content: "";
|
|
44
|
+
border-top: 2px solid var(--colorsSemanticFocus500);
|
|
45
|
+
border-bottom: 2px solid var(--colorsSemanticFocus500);
|
|
46
|
+
display: block;
|
|
47
|
+
left: 0px;
|
|
48
|
+
top: 0px;
|
|
49
|
+
height: calc(100% - 3px);
|
|
50
|
+
width: 101%;
|
|
51
|
+
position: absolute;
|
|
52
|
+
z-index: ${theme.zIndex.overlay};
|
|
53
|
+
}
|
|
54
54
|
}
|
|
55
55
|
`;
|
|
56
56
|
};
|
|
@@ -108,7 +108,6 @@ const StyledFlatTableRow = _styledComponents.default.tr`
|
|
|
108
108
|
min-width: 100%;
|
|
109
109
|
table-layout: fixed;
|
|
110
110
|
width: auto;
|
|
111
|
-
outline: 2px solid #0000;
|
|
112
111
|
|
|
113
112
|
[data-component="icon"]:not([color]) {
|
|
114
113
|
color: var(--colorsActionMinor500);
|
|
@@ -155,7 +154,7 @@ const StyledFlatTableRow = _styledComponents.default.tr`
|
|
|
155
154
|
position: absolute;
|
|
156
155
|
left: 0px;
|
|
157
156
|
right: 0px;
|
|
158
|
-
top:
|
|
157
|
+
top: 0;
|
|
159
158
|
bottom: 0px;
|
|
160
159
|
border: 2px solid var(--colorsSemanticFocus500);
|
|
161
160
|
pointer-events: none;
|
|
@@ -170,7 +169,7 @@ const StyledFlatTableRow = _styledComponents.default.tr`
|
|
|
170
169
|
@media not all and (min-resolution: 0.001dpcm) {
|
|
171
170
|
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
|
|
172
171
|
outline: 2px solid var(--colorsSemanticFocus500);
|
|
173
|
-
outline-offset: -
|
|
172
|
+
outline-offset: -2px;
|
|
174
173
|
position: static;
|
|
175
174
|
:after {
|
|
176
175
|
content: none;
|
|
@@ -204,6 +204,12 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
204
204
|
setCharacterString("");
|
|
205
205
|
}
|
|
206
206
|
|
|
207
|
+
if (_events.default.isEnterKey(event)) {
|
|
208
|
+
/* timeout enforces that the "closeSubmenu" method will be run after
|
|
209
|
+
the browser navigates to the specified href of the menu-item. */
|
|
210
|
+
setTimeout(() => closeSubmenu());
|
|
211
|
+
}
|
|
212
|
+
|
|
207
213
|
if (href && index === undefined) {
|
|
208
214
|
if (_events.default.isEnterKey(event) || _events.default.isTabKey(event) && _events.default.isShiftKey(event)) {
|
|
209
215
|
closeSubmenu();
|