carbon-react 111.0.0 → 111.0.1

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 (3) hide show
  1. package/esm/components/flat-table/flat-table-row/flat-table-row.style.js +18 -19
  2. package/lib/components/flat-table/flat-table-row/flat-table-row.style.js +18 -19
  3. package/package.json +1 -1
package/esm/components/flat-table/flat-table-row/flat-table-row.style.js CHANGED
@@ -13,23 +13,23 @@ const horizontalBorderSizes = {
13
13
 
14
14
  const stickyColumnFocusStyling = (index, theme) => {
15
15
  return `
16
- border-bottom: 1px solid transparent;
17
- border-left: 1px solid
16
+ border-left: 2px solid
18
17
  ${index === 0 ? "var(--colorsSemanticFocus500)" : "var(--colorsUtilityMajor100)"};
19
- background-clip: padding-box;
20
- z-index: ${theme.zIndex.overlay + 2};
21
-
22
- :before {
23
- content: "";
24
- border-top: 2px solid var(--colorsSemanticFocus500);
25
- border-bottom: 2px solid var(--colorsSemanticFocus500);
26
- display: block;
27
- left: 0px;
28
- top: -1px;
29
- height: calc(100% - 1px);
30
- width: 101%;
31
- position: absolute;
32
- z-index: ${theme.zIndex.overlay};
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: -1px;
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: -1px;
151
+ outline-offset: -2px;
153
152
  position: static;
154
153
  :after {
155
154
  content: none;
package/lib/components/flat-table/flat-table-row/flat-table-row.style.js CHANGED
@@ -34,23 +34,23 @@ const horizontalBorderSizes = {
34
34
 
35
35
  const stickyColumnFocusStyling = (index, theme) => {
36
36
  return `
37
- border-bottom: 1px solid transparent;
38
- border-left: 1px solid
37
+ border-left: 2px solid
39
38
  ${index === 0 ? "var(--colorsSemanticFocus500)" : "var(--colorsUtilityMajor100)"};
40
- background-clip: padding-box;
41
- z-index: ${theme.zIndex.overlay + 2};
42
-
43
- :before {
44
- content: "";
45
- border-top: 2px solid var(--colorsSemanticFocus500);
46
- border-bottom: 2px solid var(--colorsSemanticFocus500);
47
- display: block;
48
- left: 0px;
49
- top: -1px;
50
- height: calc(100% - 1px);
51
- width: 101%;
52
- position: absolute;
53
- z-index: ${theme.zIndex.overlay};
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: -1px;
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: -1px;
172
+ outline-offset: -2px;
174
173
  position: static;
175
174
  :after {
176
175
  content: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "111.0.0",
3
+ "version": "111.0.1",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",