@surveycake/rc 3.0.0-alpha.57 → 3.0.0-alpha.59

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 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.59](https://fox.25sprout.com/surveycake/sdk/rc/compare/v3.0.0-alpha.58...v3.0.0-alpha.59) (2022-09-26)
+
+
+### Bug Fixes
+
+* change AccordionDetails from flexbox to block element box ([98c30e6](https://fox.25sprout.com/surveycake/sdk/rc/commit/98c30e69283a63fd5b30cf2a597f9bdb5e8399f7))
+
+## [3.0.0-alpha.58](https://fox.25sprout.com/surveycake/sdk/rc/compare/v3.0.0-alpha.57...v3.0.0-alpha.58) (2022-08-25)
+
+
+### Features
+
+* create chart color set [SUR-1351] ([a46f121](https://fox.25sprout.com/surveycake/sdk/rc/commit/a46f1218a37476c47fce6d9d1f7e5935f4fdefa6))
+* move exclusive color into theme palette [SUR-1351] ([fddc427](https://fox.25sprout.com/surveycake/sdk/rc/commit/fddc427bdc1ce26d6238b5c1fd798f56190eb43c))
+
 ## [3.0.0-alpha.57](https://fox.25sprout.com/surveycake/sdk/rc/compare/v3.0.0-alpha.56...v3.0.0-alpha.57) (2022-08-19)
 
 

package/dist/V2/ColorPalette/Color.stories.d.ts

@@ -4,3 +4,4 @@ export default _default;
 export declare const Theme: Story;
 export declare const Status: Story;
 export declare const Grey: Story;
+export declare const Chart: Story;

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

@@ -1,3 +1,6 @@
+/**
+ *  @deprecated since version 3.0.0-alpha.58, please use theme.palette[name] lighter or lightest keywords
+ */
 export declare const exclusiveColor: {
     primary: {
         light2: string;

package/dist/V2/styles/core.d.ts

@@ -1 +1,28 @@
+declare module '@material-ui/core/styles/createPalette' {
+    interface PaletteColor {
+        lighter: string;
+        lightest: string;
+    }
+    interface SimplePaletteColorOptions {
+        lighter?: string;
+        lightest?: string;
+    }
+    interface ChartColorOptions {
+        cornflowerBlue: string;
+        mediumAqua: string;
+        pear: string;
+        saffron: string;
+        corn: string;
+        blueGreen: string;
+        oxfordBlue: string;
+        silverSand: string;
+        sandyBrown: string;
+    }
+    interface Palette {
+        chart: ChartColorOptions;
+    }
+    interface PaletteOptions {
+        chart?: ChartColorOptions;
+    }
+}
 export declare const core: import("@material-ui/core/styles").Theme;

package/dist/rc.cjs.development.js

@@ -6,7 +6,6 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var MUICssBaseline = _interopDefault(require('@material-ui/core/CssBaseline'));
 var styles$5 = require('@material-ui/core/styles');
-var polished = require('polished');
 var React = require('react');
 var React__default = _interopDefault(React);
 var emotionTheming = require('emotion-theming');
@@ -121,6 +120,7 @@ var MUIToggleButton = _interopDefault(require('@material-ui/lab/ToggleButton'));
 var MUIToggleButtonGroup = _interopDefault(require('@material-ui/lab/ToggleButtonGroup'));
 var MUITooltip = _interopDefault(require('@material-ui/core/Tooltip'));
 var MuiListSubheader$1 = _interopDefault(require('@material-ui/core/ListSubheader'));
+var polished = require('polished');
 var MuiAvatar = _interopDefault(require('@material-ui/core/Avatar'));
 var colorManipulator = require('@material-ui/core/styles/colorManipulator');
 var MuiPaper = _interopDefault(require('@material-ui/core/Paper'));
@@ -174,31 +174,39 @@ styles$5.createTheme({
   palette: {
     primary: {
       light: '#79D8B7',
+      lighter: '#ACE4D1',
+      lightest: '#E6F7F1',
       main: '#3DBA90',
       dark: '#009974'
     },
     secondary: {
       light: '#668A97',
+      lighter: '#76AABE',
+      lightest: '#AACAD7',
       main: '#325A69',
       dark: '#11303C'
     },
     error: {
       light: '#F6AFB9',
+      lighter: '#FDE5E9',
       main: '#EE415D',
       dark: '#C9354D'
     },
     warning: {
       light: '#F6CD81',
+      lighter: '#FBE1B1',
       main: '#F4A91F',
       dark: '#E9A01C'
     },
     info: {
       light: '#BADFEF',
+      lighter: '#E4F5FC',
       main: '#43B8EB',
       dark: '#0094D3'
     },
     success: {
       light: '#CEE5B1',
+      lighter: '#E7F4D7',
       main: '#88C936',
       dark: '#66B204'
     },
@@ -221,6 +229,17 @@ styles$5.createTheme({
     text: {
       primary: '#454545',
       secondary: '#6B6B6B'
+    },
+    chart: {
+      cornflowerBlue: '#379FED',
+      mediumAqua: '#66D6BB',
+      pear: '#D3EC3C',
+      saffron: '#F1C733',
+      corn: '#F0EA61',
+      blueGreen: '#30C3CC',
+      oxfordBlue: '#091F55',
+      silverSand: '#C2C2C2',
+      sandyBrown: '#E99C64'
     }
   },
 
@@ -333,6 +352,7 @@ var MuiAccordion = {
 
 var MuiAccordionDetails = {
   root: {
+    display: 'block',
     padding: '0 2rem 2rem'
   }
 };
@@ -352,45 +372,6 @@ var MuiAccordionSummary = {
   }
 };
 
-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 MuiAlert = {
   root: {
     padding:
@@ -400,19 +381,19 @@ var MuiAlert = {
     core.spacing(2) + "px"
   },
   standardInfo: {
-    backgroundColor: exclusiveColor.info.light2,
+    backgroundColor: core.palette.info.lighter,
     color: core.palette.grey[700]
   },
   standardError: {
-    backgroundColor: exclusiveColor.error.light2,
+    backgroundColor: core.palette.error.lighter,
     color: core.palette.grey[700]
   },
   standardWarning: {
-    backgroundColor: exclusiveColor.warning.light2,
+    backgroundColor: core.palette.warning.lighter,
     color: core.palette.grey[700]
   },
   standardSuccess: {
-    backgroundColor: exclusiveColor.success.light2,
+    backgroundColor: core.palette.success.lighter,
     color: core.palette.grey[700]
   },
   icon: {
@@ -498,14 +479,14 @@ var MuiButton = {
     color: core.palette.grey[600],
     '&:hover': {
       color: core.palette.primary.main,
-      backgroundColor: exclusiveColor.primary.light3
+      backgroundColor: core.palette.primary.lightest
     }
   },
   textSecondary: {
     color: core.palette.text.secondary,
     '&:hover': {
       color: core.palette.secondary.main,
-      backgroundColor: exclusiveColor.secondary.light3
+      backgroundColor: core.palette.secondary.lightest
     }
   },
   outlined: {
@@ -527,12 +508,12 @@ var MuiButton = {
   },
   outlinedPrimary: {
     '&:hover': {
-      backgroundColor: exclusiveColor.primary.light3
+      backgroundColor: core.palette.primary.lightest
     }
   },
   outlinedSecondary: {
     '&:hover': {
-      backgroundColor: exclusiveColor.secondary.light3
+      backgroundColor: core.palette.secondary.lightest
     }
   },
   iconSizeSmall: {
@@ -643,7 +624,7 @@ var MuiChip = {
   },
   colorPrimary: {
     color: core.palette.primary.main,
-    backgroundColor: exclusiveColor.primary.light3
+    backgroundColor: core.palette.primary.lightest
   },
   clickable: {
     '&:focus': {
@@ -744,11 +725,11 @@ var MuiIconButton = {
   colorPrimary: {
     '&:focus': {
       color: core.palette.primary.main,
-      backgroundColor: exclusiveColor.primary.light3
+      backgroundColor: core.palette.primary.lightest
     },
     '&:hover': {
       color: core.palette.primary.main,
-      backgroundColor: exclusiveColor.primary.light3
+      backgroundColor: core.palette.primary.lightest
     }
   }
 };
@@ -795,13 +776,13 @@ var MuiMenuItem = {
     core.spacing(1) + "px",
     '&.Mui-selected': {
       color: core.palette.primary.main,
-      backgroundColor: exclusiveColor.primary.light3,
+      backgroundColor: core.palette.primary.lightest,
       '&:hover': {
-        backgroundColor: exclusiveColor.primary.light3
+        backgroundColor: core.palette.primary.lightest
       }
     },
     '&:hover': {
-      backgroundColor: exclusiveColor.primary.light2,
+      backgroundColor: core.palette.primary.lighter,
       color: core.palette.primary.dark
     }
   })
@@ -1040,7 +1021,7 @@ var MuiSwitch = {
       backgroundColor: core.palette.primary.main
     },
     '&.Mui-disabled.Mui-checked + .MuiSwitch-track': {
-      backgroundColor: exclusiveColor.primary.light2,
+      backgroundColor: core.palette.primary.lighter,
       opacity: 1
     },
     '&.Mui-disabled + .MuiSwitch-track': {
@@ -1056,7 +1037,7 @@ var MuiSwitch = {
       color: core.palette.common.white
     },
     '&.Mui-disabled.Mui-checked + .MuiSwitch-track': {
-      backgroundColor: exclusiveColor.secondary.light2,
+      backgroundColor: core.palette.secondary.lighter,
       opacity: 1
     },
     '&.Mui-disabled + .MuiSwitch-track': {
@@ -2605,14 +2586,14 @@ styles$5.makeStyles(function (theme) {
     container: {
       backgroundColor: theme.palette.common.white,
       '&:hover': {
-        backgroundColor: exclusiveColor.primary.light2,
+        backgroundColor: theme.palette.primary.lighter,
         '& > div': {
           backgroundColor: theme.palette.primary.main,
           color: theme.palette.common.white
         }
       },
       '&.Mui-selected': {
-        backgroundColor: exclusiveColor.primary.light3,
+        backgroundColor: theme.palette.primary.lightest,
         '& > div': {
           backgroundColor: theme.palette.primary.main,
           color: theme.palette.common.white
@@ -2715,6 +2696,49 @@ React.forwardRef(function (props, ref) {
 });
 VarSelect.displayName = 'VarSelect';
 
+/**
+ *  @deprecated since version 3.0.0-alpha.58, please use theme.palette[name] lighter or lightest keywords
+ */
+
+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 index = {