@surveycake/rc 3.0.0-alpha.32 → 3.0.0-alpha.33

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [3.0.0-alpha.33](https://fox.25sprout.com/surveycake/sdk/rc/compare/v3.0.0-alpha.32...v3.0.0-alpha.33) (2022-01-13)
+
+
+### Features
+
+* define exclusiveColor ([9fbe87c](https://fox.25sprout.com/surveycake/sdk/rc/commit/9fbe87c73c08cfd8e3eadf5a300af6a764700533))
+
+
+### Bug Fixes
+
+* CardActionArea export wording typo ([57d8276](https://fox.25sprout.com/surveycake/sdk/rc/commit/57d82769c120b462f7ef9bc0f7115ba28f4ced23))
+
 ## [3.0.0-alpha.32](https://fox.25sprout.com/surveycake/sdk/rc/compare/v3.0.0-alpha.31...v3.0.0-alpha.32) (2022-01-13)
 
 

package/dist/V2/ColorPalette/exclusiveColor.d.ts

@@ -0,0 +1,22 @@
+export declare const exclusiveColor: {
+    primary: {
+        light2: string;
+        light3: string;
+    };
+    secondary: {
+        light2: string;
+        light3: string;
+    };
+    error: {
+        light2: string;
+    };
+    success: {
+        light2: string;
+    };
+    warning: {
+        light2: string;
+    };
+    info: {
+        light2: string;
+    };
+};

package/dist/V2/index.d.ts

@@ -6,7 +6,7 @@ export { default as Button } from './Button';
 export { default as ButtonGroup } from './ButtonGroup';
 export { default as Card } from './Card';
 export { default as CardActions } from './CardActions';
-export { default as CardActonArea } from './CardActionArea';
+export { default as CardActionArea } from './CardActionArea';
 export { default as CardMedia } from './CardMedia';
 export { default as Checkbox } from './Checkbox';
 export { default as Chip } from './Chip';
@@ -45,3 +45,4 @@ export { default as Tooltip } from './Tooltip';
 export { default as Typography } from './Typography';
 export { default as VarSelect } from './VarSelect';
 export { default as Icon } from './Icon';
+export { exclusiveColor } from './ColorPalette/exclusiveColor';

package/dist/rc.cjs.development.js

@@ -265,6 +265,45 @@ var MuiBackdrop = {
   }
 };
 
+var exclusiveColor = {
+  primary: {
+    light2:
+    /*#__PURE__*/
+    polished.lighten(0.3, core.palette.primary.main),
+    light3:
+    /*#__PURE__*/
+    polished.lighten(0.45, core.palette.primary.main)
+  },
+  secondary: {
+    light2:
+    /*#__PURE__*/
+    polished.lighten(0.3, core.palette.secondary.main),
+    light3:
+    /*#__PURE__*/
+    polished.lighten(0.45, core.palette.secondary.main)
+  },
+  error: {
+    light2:
+    /*#__PURE__*/
+    polished.lighten(0.35, core.palette.error.main)
+  },
+  success: {
+    light2:
+    /*#__PURE__*/
+    polished.lighten(0.4, core.palette.success.main)
+  },
+  warning: {
+    light2:
+    /*#__PURE__*/
+    polished.lighten(0.3, core.palette.warning.main)
+  },
+  info: {
+    light2:
+    /*#__PURE__*/
+    polished.lighten(0.35, core.palette.info.main)
+  }
+};
+
 var MuiButton = {
   root: {
     padding: '10x 8px',
@@ -316,18 +355,14 @@ var MuiButton = {
     color: core.palette.grey[600],
     '&:hover': {
       color: core.palette.primary.main,
-      backgroundColor:
-      /*#__PURE__*/
-      polished.lighten(0.45, core.palette.primary.main)
+      backgroundColor: exclusiveColor.primary.light3
     }
   },
   textSecondary: {
     color: core.palette.grey[600],
     '&:hover': {
       color: core.palette.secondary.main,
-      backgroundColor:
-      /*#__PURE__*/
-      polished.lighten(0.45, core.palette.secondary.main)
+      backgroundColor: exclusiveColor.secondary.light3
     }
   },
   outlined: {
@@ -349,16 +384,12 @@ var MuiButton = {
   },
   outlinedPrimary: {
     '&:hover': {
-      backgroundColor:
-      /*#__PURE__*/
-      polished.lighten(0.45, core.palette.primary.main)
+      backgroundColor: exclusiveColor.primary.light3
     }
   },
   outlinedSecondary: {
     '&:hover': {
-      backgroundColor:
-      /*#__PURE__*/
-      polished.lighten(0.45, core.palette.secondary.main)
+      backgroundColor: exclusiveColor.secondary.light3
     }
   },
   iconSizeSmall: {
@@ -464,9 +495,7 @@ var MuiChip = {
   },
   colorPrimary: {
     color: core.palette.primary.main,
-    backgroundColor:
-    /*#__PURE__*/
-    polished.lighten(0.45, core.palette.primary.main)
+    backgroundColor: exclusiveColor.primary.light3
   },
   clickable: {
     '&:focus': {
@@ -558,15 +587,11 @@ var MuiIconButton = {
   colorPrimary: {
     '&:focus': {
       color: core.palette.primary.main,
-      backgroundColor:
-      /*#__PURE__*/
-      polished.lighten(0.45, core.palette.primary.main)
+      backgroundColor: exclusiveColor.primary.light3
     },
     '&:hover': {
       color: core.palette.primary.main,
-      backgroundColor:
-      /*#__PURE__*/
-      polished.lighten(0.45, core.palette.primary.main)
+      backgroundColor: exclusiveColor.primary.light3
     }
   }
 };
@@ -613,19 +638,13 @@ var MuiMenuItem = {
     core.spacing(1) + "px",
     '&.Mui-selected': {
       color: core.palette.primary.main,
-      backgroundColor:
-      /*#__PURE__*/
-      polished.lighten(0.45, core.palette.primary.main),
+      backgroundColor: exclusiveColor.primary.light3,
       '&:hover': {
-        backgroundColor:
-        /*#__PURE__*/
-        polished.lighten(0.45, core.palette.primary.main)
+        backgroundColor: exclusiveColor.primary.light3
       }
     },
     '&:hover': {
-      backgroundColor:
-      /*#__PURE__*/
-      polished.lighten(0.3, core.palette.primary.main),
+      backgroundColor: exclusiveColor.primary.light2,
       color: core.palette.primary.dark
     }
   })
@@ -767,9 +786,7 @@ var MuiSwitch = {
       backgroundColor: core.palette.primary.main
     },
     '&.Mui-disabled.Mui-checked + .MuiSwitch-track': {
-      backgroundColor:
-      /*#__PURE__*/
-      polished.lighten(0.3, core.palette.primary.main),
+      backgroundColor: exclusiveColor.primary.light2,
       opacity: 1
     },
     '&.Mui-disabled + .MuiSwitch-track': {
@@ -785,9 +802,7 @@ var MuiSwitch = {
       color: core.palette.common.white
     },
     '&.Mui-disabled.Mui-checked + .MuiSwitch-track': {
-      backgroundColor:
-      /*#__PURE__*/
-      polished.lighten(0.3, core.palette.secondary.main),
+      backgroundColor: exclusiveColor.secondary.light2,
       opacity: 1
     },
     '&.Mui-disabled + .MuiSwitch-track': {
@@ -1784,14 +1799,14 @@ styles$5.makeStyles(function (theme) {
     container: {
       backgroundColor: theme.palette.common.white,
       '&:hover': {
-        backgroundColor: polished.lighten(0.3, theme.palette.primary.main),
+        backgroundColor: exclusiveColor.primary.light2,
         '& > div': {
           backgroundColor: theme.palette.primary.main,
           color: theme.palette.common.white
         }
       },
       '&.Mui-selected': {
-        backgroundColor: polished.lighten(0.45, theme.palette.primary.main),
+        backgroundColor: exclusiveColor.primary.light3,
         '& > div': {
           backgroundColor: theme.palette.primary.main,
           color: theme.palette.common.white
@@ -1908,7 +1923,7 @@ var index = {
   ButtonGroup: ButtonGroup,
   Card: Card,
   CardActions: CardActions,
-  CardActonArea: CardActionArea,
+  CardActionArea: CardActionArea,
   CardMedia: CardMedia,
   Checkbox: Checkbox,
   Chip: Chip,
@@ -1946,7 +1961,8 @@ var index = {
   Tooltip: Tooltip,
   Typography: Typography,
   VarSelect: VarSelect,
-  Icon: Icon
+  Icon: Icon,
+  exclusiveColor: exclusiveColor
 };
 
 var getAutoHeightDuration = function getAutoHeightDuration(height) {