@sproutsocial/racine 9.0.1 → 9.0.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 9.0.2
+
+### Patch Changes
+
+- 3215099: bug fix for mix blend mode
+
 ## 9.0.1
 
 ### Patch Changes

package/__flow__/Button/styles.js

@@ -87,7 +87,9 @@ const Container: StyledComponent<any, TypeTheme, *> = styled.button`
       align-items: center;
       justify-content: center;
       /* This solution is temporary. DS-1095 */
-      mix-blend-mode: ${props.theme.mode ? "screen" : "multiply"};
+      mix-blend-mode: ${props.theme.mode === "default-dark"
+        ? "screen"
+        : "multiply"};
 
       ${pill}
     `}

package/__flow__/Checkbox/styles.js

@@ -35,7 +35,9 @@ export const InputWrapper = styled<typeof Box, TypeTheme, any>(Box)`
       transition: all ${(props) => props.theme.duration.fast}
         ${(props) => props.theme.easing.ease_inout};
       /* This solution is temporary. DS-1095 */
-      mix-blend-mode: ${props.theme.mode ? "screen" : "multiply"};
+      mix-blend-mode: ${props.theme.mode === "default-dark"
+        ? "screen"
+        : "multiply"};
       ${pill}
 
       &:hover {

package/commonjs/Button/styles.js

@@ -57,7 +57,7 @@ var Container = _styledComponents.default.button.withConfig({
 }, function (props) {
   return props.disabled && _mixins.disabled;
 }, function (props) {
-  return props.appearance === "pill" && (0, _styledComponents.css)(["display:inline-flex;align-items:center;justify-content:center;mix-blend-mode:", ";", ""], props.theme.mode ? "screen" : "multiply", _mixins.pill);
+  return props.appearance === "pill" && (0, _styledComponents.css)(["display:inline-flex;align-items:center;justify-content:center;mix-blend-mode:", ";", ""], props.theme.mode === "default-dark" ? "screen" : "multiply", _mixins.pill);
 }, _styles.default, _systemProps.LAYOUT, _systemProps.COMMON);
 
 var _default = Container; //${props.theme.mode === "dark" ? "screen" : "multiply"}

package/commonjs/Checkbox/styles.js

@@ -40,7 +40,7 @@ var InputWrapper = (0, _styledComponents.default)(_Box.default).withConfig({
     return props.theme.duration.fast;
   }, function (props) {
     return props.theme.easing.ease_inout;
-  }, props.theme.mode ? "screen" : "multiply", _mixins.pill, props.theme.colors.app.background.base, PillInput, _mixins.pill);
+  }, props.theme.mode === "default-dark" ? "screen" : "multiply", _mixins.pill, props.theme.colors.app.background.base, PillInput, _mixins.pill);
 });
 exports.InputWrapper = InputWrapper;
 InputWrapper.displayName = "InputWrapper";

package/lib/Button/styles.js

@@ -42,6 +42,6 @@ var Container = styled.button.withConfig({
 }, function (props) {
   return props.disabled && disabled;
 }, function (props) {
-  return props.appearance === "pill" && css(["display:inline-flex;align-items:center;justify-content:center;mix-blend-mode:", ";", ""], props.theme.mode ? "screen" : "multiply", pill);
+  return props.appearance === "pill" && css(["display:inline-flex;align-items:center;justify-content:center;mix-blend-mode:", ";", ""], props.theme.mode === "default-dark" ? "screen" : "multiply", pill);
 }, Icon, LAYOUT, COMMON);
 export default Container; //${props.theme.mode === "dark" ? "screen" : "multiply"}

package/lib/Checkbox/styles.js

@@ -22,7 +22,7 @@ export var InputWrapper = styled(Box).withConfig({
     return props.theme.duration.fast;
   }, function (props) {
     return props.theme.easing.ease_inout;
-  }, props.theme.mode ? "screen" : "multiply", pill, props.theme.colors.app.background.base, PillInput, pill);
+  }, props.theme.mode === "default-dark" ? "screen" : "multiply", pill, props.theme.colors.app.background.base, PillInput, pill);
 });
 InputWrapper.displayName = "InputWrapper";
 export var CheckboxBox = styled.div.withConfig({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "9.0.1",
+  "version": "9.0.2",
   "license": "MIT",
   "files": [
     "__flow__",