carbon-react 104.15.0 → 104.16.0
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/lib/components/button-bar/button-bar.style.d.ts +0 -1
- package/lib/components/button-bar/button-bar.style.js +6 -7
- package/lib/components/select/option-group-header/option-group-header.style.js +3 -3
- package/lib/components/select/select-list/select-list.style.js +2 -2
- package/lib/components/select/select.style.js +2 -2
- package/lib/style/themes/base/base-theme.config.d.ts +1 -0
- package/lib/style/themes/sage/index.d.ts +1 -0
- package/package.json +2 -2
|
@@ -29,7 +29,6 @@ const ButtonBar = _styledComponents.default.div`
|
|
|
29
29
|
`;
|
|
30
30
|
|
|
31
31
|
function stylingForType({
|
|
32
|
-
theme,
|
|
33
32
|
size
|
|
34
33
|
}) {
|
|
35
34
|
return (0, _styledComponents.css)`
|
|
@@ -50,7 +49,7 @@ function stylingForType({
|
|
|
50
49
|
|
|
51
50
|
button {
|
|
52
51
|
margin: 0;
|
|
53
|
-
border: 2px solid
|
|
52
|
+
border: 2px solid var(--colorsActionMajor500);
|
|
54
53
|
|
|
55
54
|
&:not(:last-of-type) {
|
|
56
55
|
border-right-color: transparent;
|
|
@@ -61,20 +60,20 @@ function stylingForType({
|
|
|
61
60
|
&:focus {
|
|
62
61
|
position: relative;
|
|
63
62
|
z-index: 2;
|
|
64
|
-
border-right-color:
|
|
63
|
+
border-right-color: var(--colorsActionMajor500);
|
|
65
64
|
}
|
|
66
65
|
&:hover {
|
|
67
|
-
background-color:
|
|
68
|
-
border-color:
|
|
66
|
+
background-color: var(--colorsActionMajor600);
|
|
67
|
+
border-color: var(--colorsActionMajor600);
|
|
69
68
|
& + button {
|
|
70
|
-
border-left-color:
|
|
69
|
+
border-left-color: var(--colorsActionMajor600);
|
|
71
70
|
}
|
|
72
71
|
& ${_icon.default} {
|
|
73
72
|
color: white;
|
|
74
73
|
}
|
|
75
74
|
}
|
|
76
75
|
& ${_icon.default} {
|
|
77
|
-
color:
|
|
76
|
+
color: var(--colorsActionMajor500);
|
|
78
77
|
}
|
|
79
78
|
}
|
|
80
79
|
`;
|
|
@@ -26,16 +26,16 @@ const StyledOptionGroupHeader = _styledComponents.default.div`
|
|
|
26
26
|
line-height: 18px;
|
|
27
27
|
text-align: left;
|
|
28
28
|
margin: 0;
|
|
29
|
-
color: var(--
|
|
29
|
+
color: var(--colorsUtilityYin055);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
${_icon.default} {
|
|
33
33
|
margin-right: 4px;
|
|
34
34
|
margin-left: -5px;
|
|
35
|
-
color: var(--
|
|
35
|
+
color: var(--colorsUtilityYin055);
|
|
36
36
|
|
|
37
37
|
&:hover {
|
|
38
|
-
color: var(--
|
|
38
|
+
color: var(--colorsUtilityYin055);
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
`;
|
|
@@ -101,7 +101,7 @@ const StyledSelectListTableHeader = _styledComponents.default.thead`
|
|
|
101
101
|
font-weight: 900;
|
|
102
102
|
font-size: 12px;
|
|
103
103
|
text-transform: uppercase;
|
|
104
|
-
color: var(--
|
|
104
|
+
color: var(--colorsUtilityYin055);
|
|
105
105
|
:after {
|
|
106
106
|
content: "";
|
|
107
107
|
display: block;
|
|
@@ -110,7 +110,7 @@ const StyledSelectListTableHeader = _styledComponents.default.thead`
|
|
|
110
110
|
left: 0px;
|
|
111
111
|
background-image: linear-gradient(
|
|
112
112
|
var(--colorsComponentsNavigationYin100),
|
|
113
|
-
var(--
|
|
113
|
+
var(--colorsUtilityYang100)
|
|
114
114
|
);
|
|
115
115
|
opacity: 0.03;
|
|
116
116
|
height: 8px;
|
|
@@ -46,8 +46,8 @@ const StyledSelect = _styledComponents.default.div`
|
|
|
46
46
|
`}
|
|
47
47
|
|
|
48
48
|
${readOnly && (0, _styledComponents.css)`
|
|
49
|
-
cursor: "text";
|
|
50
|
-
color: var(--
|
|
49
|
+
cursor: ${hasTextCursor ? "text" : "default"};
|
|
50
|
+
color: var(--colorsActionMinorYin090);
|
|
51
51
|
text-shadow: none;
|
|
52
52
|
`}
|
|
53
53
|
}
|
|
@@ -543,6 +543,7 @@ declare function _default(palette: any): {
|
|
|
543
543
|
colorsSemanticNegativeYang100: string;
|
|
544
544
|
colorsSemanticCaution400: string;
|
|
545
545
|
colorsSemanticCaution600: string;
|
|
546
|
+
colorsSemanticCaution650: string;
|
|
546
547
|
colorsSemanticCautionTransparent: string;
|
|
547
548
|
colorsSemanticCautionYin030: string;
|
|
548
549
|
colorsSemanticCautionYin055: string;
|
|
@@ -171,6 +171,7 @@ declare var _default: {
|
|
|
171
171
|
colorsSemanticCaution400: string;
|
|
172
172
|
colorsSemanticCaution500: string;
|
|
173
173
|
colorsSemanticCaution600: string;
|
|
174
|
+
colorsSemanticCaution650: string;
|
|
174
175
|
colorsSemanticCautionTransparent: string;
|
|
175
176
|
colorsSemanticCautionYin030: string;
|
|
176
177
|
colorsSemanticCautionYin055: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "carbon-react",
|
|
3
|
-
"version": "104.
|
|
3
|
+
"version": "104.16.0",
|
|
4
4
|
"description": "A library of reusable React components for easily building user interfaces.",
|
|
5
5
|
"engineStrict": true,
|
|
6
6
|
"engines": {
|
|
@@ -156,7 +156,7 @@
|
|
|
156
156
|
"dependencies": {
|
|
157
157
|
"@octokit/rest": "^18.12.0",
|
|
158
158
|
"@popperjs/core": "^2.9.0",
|
|
159
|
-
"@sage/design-tokens": "^1.
|
|
159
|
+
"@sage/design-tokens": "^1.92.0",
|
|
160
160
|
"@styled-system/prop-types": "^5.1.5",
|
|
161
161
|
"@tippyjs/react": "^4.2.5",
|
|
162
162
|
"@types/styled-system": "^5.1.11",
|