carbon-react 109.2.0 → 109.2.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.
|
@@ -97,20 +97,34 @@ const StyledSearch = styled.div`
|
|
|
97
97
|
z-index: ${theme.zIndex.smallOverlay};
|
|
98
98
|
}
|
|
99
99
|
${StyledIcon} {
|
|
100
|
-
|
|
100
|
+
${darkVariant && css`
|
|
101
|
+
${iconColor && css`
|
|
102
|
+
color: var(--colorsUtilityMajor400);
|
|
103
|
+
|
|
104
|
+
:hover {
|
|
105
|
+
color: var(--colorsUtilityMajor500);
|
|
106
|
+
}
|
|
107
|
+
`}
|
|
108
|
+
${!iconColor && css`
|
|
109
|
+
color: var(--colorsUtilityMajor200);
|
|
110
|
+
|
|
111
|
+
:hover {
|
|
112
|
+
color: var(--colorsUtilityMajor100);
|
|
113
|
+
}
|
|
114
|
+
`}
|
|
115
|
+
`}
|
|
116
|
+
|
|
101
117
|
${!darkVariant && css`
|
|
102
|
-
color: var(--
|
|
118
|
+
color: var(--colorsActionMinor500);
|
|
119
|
+
|
|
120
|
+
:hover {
|
|
121
|
+
color: var(--colorsActionMinor600);
|
|
122
|
+
}
|
|
103
123
|
`}
|
|
104
124
|
|
|
105
125
|
width: 20px;
|
|
106
126
|
height: 20px;
|
|
107
127
|
cursor: pointer;
|
|
108
|
-
:hover {
|
|
109
|
-
color: ${iconColor ? "var(--colorsUtilityMajor500)" : "var(--colorsUtilityMajor100)"};
|
|
110
|
-
${!darkVariant && css`
|
|
111
|
-
color: var(--colorsUtilityMajor500);
|
|
112
|
-
`}
|
|
113
|
-
}
|
|
114
128
|
}
|
|
115
129
|
|
|
116
130
|
${StyledInputIconToggle} {
|
|
@@ -119,20 +119,34 @@ const StyledSearch = _styledComponents.default.div`
|
|
|
119
119
|
z-index: ${theme.zIndex.smallOverlay};
|
|
120
120
|
}
|
|
121
121
|
${_icon.default} {
|
|
122
|
-
|
|
122
|
+
${darkVariant && (0, _styledComponents.css)`
|
|
123
|
+
${iconColor && (0, _styledComponents.css)`
|
|
124
|
+
color: var(--colorsUtilityMajor400);
|
|
125
|
+
|
|
126
|
+
:hover {
|
|
127
|
+
color: var(--colorsUtilityMajor500);
|
|
128
|
+
}
|
|
129
|
+
`}
|
|
130
|
+
${!iconColor && (0, _styledComponents.css)`
|
|
131
|
+
color: var(--colorsUtilityMajor200);
|
|
132
|
+
|
|
133
|
+
:hover {
|
|
134
|
+
color: var(--colorsUtilityMajor100);
|
|
135
|
+
}
|
|
136
|
+
`}
|
|
137
|
+
`}
|
|
138
|
+
|
|
123
139
|
${!darkVariant && (0, _styledComponents.css)`
|
|
124
|
-
color: var(--
|
|
140
|
+
color: var(--colorsActionMinor500);
|
|
141
|
+
|
|
142
|
+
:hover {
|
|
143
|
+
color: var(--colorsActionMinor600);
|
|
144
|
+
}
|
|
125
145
|
`}
|
|
126
146
|
|
|
127
147
|
width: 20px;
|
|
128
148
|
height: 20px;
|
|
129
149
|
cursor: pointer;
|
|
130
|
-
:hover {
|
|
131
|
-
color: ${iconColor ? "var(--colorsUtilityMajor500)" : "var(--colorsUtilityMajor100)"};
|
|
132
|
-
${!darkVariant && (0, _styledComponents.css)`
|
|
133
|
-
color: var(--colorsUtilityMajor500);
|
|
134
|
-
`}
|
|
135
|
-
}
|
|
136
150
|
}
|
|
137
151
|
|
|
138
152
|
${_inputIconToggle.default} {
|