carbon-react 123.4.1 → 123.4.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.
Files changed (5) hide show
  1. package/esm/components/badge/badge.style.js +6 -6
  2. package/esm/components/button/button.style.js +2 -1
  3. package/lib/components/badge/badge.style.js +6 -6
  4. package/lib/components/button/button.style.js +2 -1
  5. package/package.json +1 -1
package/esm/components/badge/badge.style.js CHANGED
@@ -6,8 +6,8 @@ const commonStyles = `
6
6
  overflow: hidden;
7
7
  border-radius: var(--borderRadiusCircle);
8
8
  position: absolute;
9
- top: -11px;
10
- right: -11px;
9
+ top: -14px;
10
+ right: -4px;
11
11
  padding: 0;
12
12
  margin-right: 0;
13
13
  background: var(--colorsActionMajorYang100);
@@ -31,8 +31,8 @@ const StyledBadge = styled.span.attrs(({
31
31
  align-items: center;
32
32
  display: inline-flex;
33
33
  justify-content: center;
34
- width: 18px;
35
- min-height: 18px;
34
+ width: 22px;
35
+ min-height: 22px;
36
36
  border: solid 2px transparent;
37
37
  border-color: var(--colorsActionMajor500);
38
38
  color: var(--colorsActionMajor500);
@@ -46,8 +46,8 @@ const StyledBadge = styled.span.attrs(({
46
46
  }) => css`
47
47
  ${onClick && `
48
48
  ${commonStyles}
49
- width: 22px;
50
- min-height: 22px;
49
+ width: 26px;
50
+ min-height: 26px;
51
51
  text-align: center;
52
52
 
53
53
  ::-moz-focus-inner {
package/esm/components/button/button.style.js CHANGED
@@ -6,7 +6,7 @@ import StyledIcon from "../icon/icon.style";
6
6
  import addFocusStyling from "../../style/utils/add-focus-styling";
7
7
  function additionalIconStyle(iconType) {
8
8
  if (iconType === "services") return "6px";
9
- return "16px";
9
+ return "20px";
10
10
  }
11
11
  function stylingForIconOnly(size) {
12
12
  let dimension = "";
@@ -97,6 +97,7 @@ const StyledButton = styled.button`
97
97
  margin-right: ${!iconOnly && iconPosition === "before" ? "var(--spacing100)" : "0px"};
98
98
  margin-bottom: ${iconOnly ? "1px" : "0px"};
99
99
  height: ${additionalIconStyle(iconType)};
100
+ width: 20px;
100
101
  svg {
101
102
  margin-top: 0;
102
103
  }
package/lib/components/badge/badge.style.js CHANGED
@@ -15,8 +15,8 @@ const commonStyles = `
15
15
  overflow: hidden;
16
16
  border-radius: var(--borderRadiusCircle);
17
17
  position: absolute;
18
- top: -11px;
19
- right: -11px;
18
+ top: -14px;
19
+ right: -4px;
20
20
  padding: 0;
21
21
  margin-right: 0;
22
22
  background: var(--colorsActionMajorYang100);
@@ -42,8 +42,8 @@ const StyledBadge = _styledComponents.default.span.attrs(({
42
42
  align-items: center;
43
43
  display: inline-flex;
44
44
  justify-content: center;
45
- width: 18px;
46
- min-height: 18px;
45
+ width: 22px;
46
+ min-height: 22px;
47
47
  border: solid 2px transparent;
48
48
  border-color: var(--colorsActionMajor500);
49
49
  color: var(--colorsActionMajor500);
@@ -57,8 +57,8 @@ const StyledBadge = _styledComponents.default.span.attrs(({
57
57
  }) => (0, _styledComponents.css)`
58
58
  ${onClick && `
59
59
  ${commonStyles}
60
- width: 22px;
61
- min-height: 22px;
60
+ width: 26px;
61
+ min-height: 26px;
62
62
  text-align: center;
63
63
 
64
64
  ::-moz-focus-inner {
package/lib/components/button/button.style.js CHANGED
@@ -15,7 +15,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
15
15
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
16
  function additionalIconStyle(iconType) {
17
17
  if (iconType === "services") return "6px";
18
- return "16px";
18
+ return "20px";
19
19
  }
20
20
  function stylingForIconOnly(size) {
21
21
  let dimension = "";
@@ -106,6 +106,7 @@ const StyledButton = _styledComponents.default.button`
106
106
  margin-right: ${!iconOnly && iconPosition === "before" ? "var(--spacing100)" : "0px"};
107
107
  margin-bottom: ${iconOnly ? "1px" : "0px"};
108
108
  height: ${additionalIconStyle(iconType)};
109
+ width: 20px;
109
110
  svg {
110
111
  margin-top: 0;
111
112
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "123.4.1",
3
+ "version": "123.4.3",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",