@pie-lib/icons 2.4.23 → 2.4.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/icons",
-  "version": "2.4.23",
+  "version": "2.4.26",
   "description": "Some simple icons",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -24,5 +24,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e6de0d62291ecfdeb3a62b988c526d97ee41eaa6"
+  "gitHead": "f81076118e63884db5f5d65a41cff9aad111137e"
 }

package/src/correct-icon.jsx

@@ -19,11 +19,11 @@ const Emoji = ({ className }) => (
 );
 
 Emoji.propTypes = {
-  className: PropTypes.string
+  className: PropTypes.string,
 };
 
 Emoji.defaultProps = {
-  x: 0
+  x: 0,
 };
 
 const Check = ({ className, x, y }) => (
@@ -37,12 +37,12 @@ const Check = ({ className, x, y }) => (
 Check.propTypes = {
   x: PropTypes.number,
   y: PropTypes.number,
-  className: PropTypes.string
+  className: PropTypes.string,
 };
 
 Check.defaultProps = {
   x: 0,
-  y: 0
+  y: 0,
 };
 
 export const Correct = IconBase(Check, Emoji);
@@ -51,14 +51,14 @@ Correct.propTypes = {
   iconSet: PropTypes.oneOf(['emoji', 'check']),
   shape: PropTypes.oneOf(['round', 'square']),
   category: PropTypes.oneOf(['feedback', undefined]),
-  open: PropTypes.bool
+  open: PropTypes.bool,
 };
 
 Correct.defaultProps = {
   iconSet: 'check',
   shape: 'round',
   category: undefined,
-  open: false
+  open: false,
 };
 
 export default withStyles(styles)(Correct);

package/src/correct-response-icon.jsx

@@ -28,7 +28,7 @@ const OpenIcon = ({ bg, fg }) => (
 
 OpenIcon.propTypes = {
   bg: PropTypes.string,
-  fg: PropTypes.string
+  fg: PropTypes.string,
 };
 
 const CloseIcon = ({ bg, fg, border }) => (
@@ -45,7 +45,7 @@ const CloseIcon = ({ bg, fg, border }) => (
         fill: '#D0CAC5',
         stroke: '#E6E3E0',
         strokeWidth: 0.75,
-        strokeMiterlimit: 10
+        strokeMiterlimit: 10,
       }}
       d="M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5
     C-97.4,153.5-104.3,160.4-112.9,160.4z"
@@ -55,7 +55,7 @@ const CloseIcon = ({ bg, fg, border }) => (
         fill: '#B3ABA4',
         stroke: '#CDC7C2',
         strokeWidth: 0.5,
-        strokeMiterlimit: 10
+        strokeMiterlimit: 10,
       }}
       d="M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z"
     />
@@ -65,39 +65,36 @@ const CloseIcon = ({ bg, fg, border }) => (
       d="M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z
     M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z"
     />
-    <polygon
-      className={fg}
-      points="-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2"
-    />
+    <polygon className={fg} points="-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2" />
   </svg>
 );
 
 CloseIcon.propTypes = {
   bg: PropTypes.string,
   fg: PropTypes.string,
-  border: PropTypes.string
+  border: PropTypes.string,
 };
 
 const styles = {
   root: {
-    width: props => props.size || '25px',
-    height: props => props.size || '25px'
+    width: (props) => props.size || '25px',
+    height: (props) => props.size || '25px',
   },
   hideIconBg: {
-    fill: '#bce2ff'
+    fill: '#bce2ff',
   },
   hideIconFg: {
-    fill: '#1a9cff'
+    fill: '#1a9cff',
   },
   showIconBg: {
-    fill: 'white'
+    fill: 'white',
   },
   showIconFg: {
-    fill: '#1a9cff'
+    fill: '#1a9cff',
   },
   showIconBorder: {
-    fill: '#bce2ff'
-  }
+    fill: '#bce2ff',
+  },
 };
 
 const CorrectResponse = ({ open, classes, className }) => (
@@ -114,11 +111,11 @@ CorrectResponse.propTypes = {
   classes: PropTypes.object.isRequired,
   open: PropTypes.bool,
   size: PropTypes.string,
-  className: PropTypes.string
+  className: PropTypes.string,
 };
 
 CorrectResponse.defaultProps = {
-  open: false
+  open: false,
 };
 
 export default withStyles(styles)(CorrectResponse);

package/src/icon-base.jsx

@@ -7,7 +7,7 @@ export default (Action, Emoji) => {
   class IconBase extends React.Component {
     static propTypes = {
       classes: PropTypes.object.isRequired,
-      size: PropTypes.number
+      size: PropTypes.number,
     };
     constructor(props) {
       super(props);
@@ -38,8 +38,8 @@ export default (Action, Emoji) => {
                 <IconRoot size={size}>
                   <Emoji className={classes.bg} />
                 </IconRoot>
-              )
-            }
+              ),
+            },
           },
           square: {
             check: (
@@ -64,9 +64,9 @@ export default (Action, Emoji) => {
                 <IconRoot size={size}>
                   <Emoji className={classes.bg} />
                 </IconRoot>
-              )
-            }
-          }
+              ),
+            },
+          },
         },
         round: {
           check: (
@@ -91,8 +91,8 @@ export default (Action, Emoji) => {
               <IconRoot size={size}>
                 <Emoji className={classes.bg} />
               </IconRoot>
-            )
-          }
+            ),
+          },
         },
         square: {
           check: (
@@ -117,9 +117,9 @@ export default (Action, Emoji) => {
               <IconRoot size={size}>
                 <Emoji className={classes.bg} />
               </IconRoot>
-            )
-          }
-        }
+            ),
+          },
+        },
       };
     }
 
@@ -144,14 +144,14 @@ export default (Action, Emoji) => {
     iconSet: PropTypes.oneOf(['emoji', 'check']),
     shape: PropTypes.oneOf(['round', 'square']),
     category: PropTypes.oneOf(['feedback', undefined]),
-    open: PropTypes.bool
+    open: PropTypes.bool,
   };
 
   IconBase.defaultProps = {
     iconSet: 'check',
     shape: 'round',
     category: undefined,
-    open: false
+    open: false,
   };
 
   return IconBase;

package/src/icon-root.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Sized from './sized';
 
-export const normalizeSize = size => {
+export const normalizeSize = (size) => {
   return typeof size === 'string' ? size : typeof size === 'number' ? `${size}px` : '30px';
 };
 
@@ -24,38 +24,31 @@ export const IconRoot = ({ size, children }) => (
 
 IconRoot.propTypes = {
   size: PropTypes.oneOf([PropTypes.string, PropTypes.number]),
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
 };
 
 export const getStyles = (name, fg, bg) => ({
   bg: {
-    fill: `var(--icons-${name}-bg, ${bg})`
+    fill: `var(--icons-${name}-bg, ${bg})`,
   },
   fg: {
-    fill: `var(--icons-${name}-fg, ${fg})`
-  }
+    fill: `var(--icons-${name}-fg, ${fg})`,
+  },
 });
 
 export const Tick = ({ className }) => (
-  <polygon
-    className={className}
-    points="17.4,26.9 10.1,20.6 12.8,17.5 16.3,20.5 22.3,9.7 25.9,11.7"
-  />
+  <polygon className={className} points="17.4,26.9 10.1,20.6 12.8,17.5 16.3,20.5 22.3,9.7 25.9,11.7" />
 );
 
 Tick.propTypes = {
-  className: PropTypes.string
+  className: PropTypes.string,
 };
 
 export const SquareFeedbackBox = ({ className }) => (
-  <polygon
-    transform="translate(2, 0)"
-    className={className}
-    points="34.1,28.6 34.1,2.2 2,2.2 2,34.3 40.1,34.3"
-  />
+  <polygon transform="translate(2, 0)" className={className} points="34.1,28.6 34.1,2.2 2,2.2 2,34.3 40.1,34.3" />
 );
 SquareFeedbackBox.propTypes = {
-  className: PropTypes.string
+  className: PropTypes.string,
 };
 
 export const RoundFeedbackBox = ({ className }) => (
@@ -66,7 +59,7 @@ export const RoundFeedbackBox = ({ className }) => (
   />
 );
 RoundFeedbackBox.propTypes = {
-  className: PropTypes.string
+  className: PropTypes.string,
 };
 
 export const Circle = ({ className }) => (
@@ -74,12 +67,10 @@ export const Circle = ({ className }) => (
 );
 
 Circle.propTypes = {
-  className: PropTypes.string
+  className: PropTypes.string,
 };
 
-export const Square = ({ className }) => (
-  <rect x="3.6" y="4.1" className={className} width="32" height="32" />
-);
+export const Square = ({ className }) => <rect x="3.6" y="4.1" className={className} width="32" height="32" />;
 Square.propTypes = {
-  className: PropTypes.string
+  className: PropTypes.string,
 };

package/src/incorrect-icon.jsx

@@ -26,7 +26,7 @@ const Ex = ({ className }) => (
 );
 
 Ex.propTypes = {
-  className: PropTypes.string
+  className: PropTypes.string,
 };
 const Emoji = ({ className }) => (
   <g transform={'translate(1,0)'}>
@@ -37,7 +37,7 @@ const Emoji = ({ className }) => (
 );
 
 Emoji.propTypes = {
-  className: PropTypes.string
+  className: PropTypes.string,
 };
 
 const styles = getStyles('incorrect', '#fbf2e3', '#fcb733');
@@ -50,12 +50,12 @@ Incorrect.propTypes = {
   iconSet: PropTypes.oneOf(['emoji', 'check']),
   shape: PropTypes.oneOf(['round', 'square']),
   category: PropTypes.oneOf(['feedback', undefined]),
-  open: PropTypes.bool
+  open: PropTypes.bool,
 };
 
 Incorrect.defaultProps = {
   iconSet: 'check',
   shape: 'round',
   category: undefined,
-  open: false
+  open: false,
 };

package/src/index.js

@@ -15,5 +15,5 @@ export {
   LearnMore,
   NothingSubmitted,
   PartiallyCorrect,
-  ShowRationale
+  ShowRationale,
 };

package/src/instructions-icon.jsx

@@ -6,7 +6,7 @@ const Lines = () => {
     fill: 'none',
     stroke: '#BCE2FF',
     strokeWidth: 2,
-    strokeMiterlimit: 10
+    strokeMiterlimit: 10,
   };
 
   return (
@@ -28,7 +28,7 @@ const Root = ({ children, size }) => (
 
 Root.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
-  size: PropTypes.number
+  size: PropTypes.number,
 };
 
 const GreyInfo = () => {
@@ -42,7 +42,7 @@ const GreyInfo = () => {
           stroke: '#E6E3E0',
           strokeWidth: 0.75,
           strokeLinejoin: 'round',
-          strokeMiterlimit: 10
+          strokeMiterlimit: 10,
         }}
         width="4.1"
         height="4.1"
@@ -53,7 +53,7 @@ const GreyInfo = () => {
           stroke: '#E6E3E0',
           strokeWidth: 0.75,
           strokeLinejoin: 'round',
-          strokeMiterlimit: 10
+          strokeMiterlimit: 10,
         }}
         points="-119.8,150.4 -119.8,142.2 -125,142.2 -125,144.9 -122.6,144.9 -122.6,150.4 -125.6,150.4 
                   -125.6,153.2 -116.8,153.2 -116.8,150.4        "
@@ -67,7 +67,7 @@ const GreyInfo = () => {
           strokeWidth: 0.5,
           strokeLinecap: 'round',
           strokeLinejoin: 'round',
-          strokeMiterlimit: 10
+          strokeMiterlimit: 10,
         }}
         width="4.1"
         height="4.1"
@@ -80,7 +80,7 @@ const GreyInfo = () => {
           strokeWidth: 0.5,
           strokeLinecap: 'round',
           strokeLinejoin: 'round',
-          strokeMiterlimit: 10
+          strokeMiterlimit: 10,
         }}
         points="-120.6,149.8 -120.6,141.5 -125.8,141.5 -125.8,144.3 -123.3,144.3 -123.3,149.8 -126.4,149.8 
                   -126.4,152.5 -117.6,152.5 -117.6,149.8        "
@@ -105,7 +105,7 @@ const BlueInfo = () => (
         stroke: '#E6E3E0',
         strokeWidth: 0.75,
         strokeLinejoin: 'round',
-        strokeMiterlimit: 10
+        strokeMiterlimit: 10,
       }}
       width="4.1"
       height="4.1"
@@ -116,7 +116,7 @@ const BlueInfo = () => (
         stroke: '#E6E3E0',
         strokeWidth: 0.75,
         strokeLinejoin: 'round',
-        strokeMiterlimit: 10
+        strokeMiterlimit: 10,
       }}
       points="-119.8,150.4 -119.8,142.2 -125,142.2 -125,144.9 -122.6,144.9 -122.6,150.4 -125.6,150.4 
                   -125.6,153.2 -116.8,153.2 -116.8,150.4        "
@@ -130,7 +130,7 @@ const BlueInfo = () => (
         strokeWidth: 0.5,
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
-        strokeMiterlimit: 10
+        strokeMiterlimit: 10,
       }}
       width="4.1"
       height="4.1"
@@ -142,7 +142,7 @@ const BlueInfo = () => (
         strokeWidth: 0.5,
         strokeLinecap: 'round',
         strokeLinejoin: 'round',
-        strokeMiterlimit: 10
+        strokeMiterlimit: 10,
       }}
       points="-120.6,149.8 -120.6,141.5 -125.8,141.5 -125.8,144.3 -123.3,144.3 -123.3,149.8 -126.4,149.8 
                   -126.4,152.5 -117.6,152.5 -117.6,149.8        "
@@ -181,9 +181,9 @@ export default class Instructions extends React.Component {
 }
 
 Instructions.propTypes = {
-  open: PropTypes.bool
+  open: PropTypes.bool,
 };
 
 Instructions.defaultProps = {
-  open: false
+  open: false,
 };

package/src/learn-more-icon.jsx

@@ -11,13 +11,13 @@ const Glint = ({ fill }) => (
 );
 
 Glint.propTypes = {
-  fill: PropTypes.string
+  fill: PropTypes.string,
 };
 
 export class LearnMore extends React.Component {
   static propTypes = {
     classes: PropTypes.object.isRequired,
-    size: PropTypes.number
+    size: PropTypes.number,
   };
 
   render() {
@@ -86,22 +86,22 @@ export class LearnMore extends React.Component {
 
 const styles = {
   showBg: {
-    fill: '#1a9cff'
+    fill: '#1a9cff',
   },
   hideFg: {
-    fill: '#1a9cff'
+    fill: '#1a9cff',
   },
   hideBg: {
-    fill: '#bce2ff'
-  }
+    fill: '#bce2ff',
+  },
 };
 
 LearnMore.propTypes = {
-  open: PropTypes.bool
+  open: PropTypes.bool,
 };
 
 LearnMore.defaultProps = {
-  open: false
+  open: false,
 };
 
 export default withStyles(styles)(LearnMore);

package/src/nothing-submitted-icon.jsx

@@ -12,10 +12,7 @@ const Exclamation = ({ className }) => (
 );
 
 const Octagon = ({ className }) => (
-  <polygon
-    className={className}
-    points="14.8,4.5 5.6,13.8 5.6,27 14.8,36.5 28.1,36.5 37.6,27 37.6,13.8 28.1,4.5"
-  />
+  <polygon className={className} points="14.8,4.5 5.6,13.8 5.6,27 14.8,36.5 28.1,36.5 37.6,27 37.6,13.8 28.1,4.5" />
 );
 
 const Emoji = ({ className }) => (
@@ -31,13 +28,13 @@ const Emoji = ({ className }) => (
 );
 
 Emoji.propTypes = Octagon.propTypes = Exclamation.propTypes = {
-  className: PropTypes.string
+  className: PropTypes.string,
 };
 const styles = getStyles('nothing-submitted', 'white', '#464146');
 
 export class NothingSubmitted extends React.Component {
   static propTypes = {
-    classes: PropTypes.object.isRequired
+    classes: PropTypes.object.isRequired,
   };
 
   constructor(props) {
@@ -92,10 +89,10 @@ export class NothingSubmitted extends React.Component {
               <IconRoot>
                 <Emoji className={classes.bg} />
               </IconRoot>
-            )
-          }
-        }
-      }
+            ),
+          },
+        },
+      },
     };
   }
 
@@ -120,14 +117,14 @@ NothingSubmitted.propTypes = {
   iconSet: PropTypes.oneOf(['emoji', 'check', undefined]),
   shape: PropTypes.oneOf(['square', undefined]),
   category: PropTypes.oneOf(['feedback', undefined]),
-  open: PropTypes.bool
+  open: PropTypes.bool,
 };
 
 NothingSubmitted.defaultProps = {
   iconSet: 'check',
   shape: undefined,
   category: undefined,
-  open: false
+  open: false,
 };
 
 export default withStyles(styles)(NothingSubmitted);

package/src/partially-correct-icon.jsx

@@ -36,14 +36,14 @@ PartiallyCorrect.propTypes = {
   iconSet: PropTypes.oneOf(['emoji', 'check']),
   shape: PropTypes.oneOf(['round', 'square']),
   category: PropTypes.oneOf(['feedback', undefined]),
-  open: PropTypes.bool
+  open: PropTypes.bool,
 };
 
 PartiallyCorrect.defaultProps = {
   iconSet: 'check',
   shape: 'round',
   category: undefined,
-  open: false
+  open: false,
 };
 
 export default withStyles(styles)(PartiallyCorrect);

package/src/show-rationale-icon.jsx

@@ -14,7 +14,7 @@ const Info = ({ fg }) => (
 );
 
 Info.propTypes = {
-  fg: PropTypes.string
+  fg: PropTypes.string,
 };
 
 const Border = ({ className }) => (
@@ -24,7 +24,7 @@ const Border = ({ className }) => (
   />
 );
 Border.propTypes = {
-  className: PropTypes.string
+  className: PropTypes.string,
 };
 const Circle = () => (
   <g>
@@ -33,7 +33,7 @@ const Circle = () => (
         fill: '#D0CAC5',
         stroke: '#E6E3E0',
         strokeWidth: 0.75,
-        strokeMiterlimit: 10
+        strokeMiterlimit: 10,
       }}
       d="M-111.7,160.9c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5C-96.2,154-103.1,160.9-111.7,160.9z"
     />
@@ -42,7 +42,7 @@ const Circle = () => (
         fill: '#B3ABA4',
         stroke: '#CDC7C2',
         strokeWidth: 0.5,
-        strokeMiterlimit: 10
+        strokeMiterlimit: 10,
       }}
       d="M-112,159.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-104,159.5-112,159.5z"
     />
@@ -56,7 +56,7 @@ const Root = ({ children, size }) => {
     height: size,
     width: size,
     display: 'inline-block',
-    position: 'relative'
+    position: 'relative',
   };
 
   return (
@@ -69,27 +69,27 @@ const Root = ({ children, size }) => {
 };
 Root.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
-  size: PropTypes.number
+  size: PropTypes.number,
 };
 
 const styles = {
   fg: {
-    fill: '#1a9cff'
+    fill: '#1a9cff',
   },
   bg: {
-    fill: '#bce2ff'
+    fill: '#bce2ff',
   },
   border: {
-    fill: '#bbe3fd'
+    fill: '#bbe3fd',
   },
   whiteBorder: {
-    fill: 'white'
-  }
+    fill: 'white',
+  },
 };
 
 export class ShowRationale extends React.Component {
   static propTypes = {
-    classes: PropTypes.object.isRequired
+    classes: PropTypes.object.isRequired,
   };
 
   constructor(props) {
@@ -127,8 +127,8 @@ export class ShowRationale extends React.Component {
             <circle style={{ fill: '#FFFFFF' }} cx="-113" cy="144" r="14" />
             <Info fg={classes.bg} border={classes.border} />
           </Root>
-        )
-      }
+        ),
+      },
     };
 
     if (this.props.open === true) {
@@ -141,12 +141,12 @@ export class ShowRationale extends React.Component {
 
 ShowRationale.propTypes = {
   iconSet: PropTypes.oneOf(['emoji', 'check']),
-  open: PropTypes.bool
+  open: PropTypes.bool,
 };
 
 ShowRationale.defaultProps = {
   iconSet: 'check',
-  open: false
+  open: false,
 };
 
 export default withStyles(styles)(ShowRationale);