@pie-lib/render-ui 4.15.9 → 4.15.10-next.1639

package/lib/collapsible/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/collapsible/index.jsx"],"names":["Collapsible","expanded","setState","state","root","props","classes","labels","children","className","title","visible","hidden","r","toggleExpanded","collapsible","React","Component","PropTypes","object","isRequired","string","shape","theme","color","palette","primary","light","borderBottom","paddingTop","spacing","unit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,W;;;;;;;;;;;;;;;8FAeH;AACNC,MAAAA,QAAQ,EAAE;AADJ,K;uGAIS,YAAM;AACrB,YAAKC,QAAL,CAAc,UAACC,KAAD;AAAA,eAAY;AAAEF,UAAAA,QAAQ,EAAE,CAACE,KAAK,CAACF;AAAnB,SAAZ;AAAA,OAAd;AACD,K;;;;;;WAED,6BAAoB;AAClB,qCAAW,KAAKG,IAAhB;AACD;;;WAED,8BAAqB;AACnB,qCAAW,KAAKA,IAAhB;AACD;;;WAED,kBAAS;AAAA;;AACP,wBAAiD,KAAKC,KAAtD;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,MAAjB,eAAiBA,MAAjB;AAAA,UAAyBC,QAAzB,eAAyBA,QAAzB;AAAA,UAAmCC,SAAnC,eAAmCA,SAAnC;AACA,UAAMC,KAAK,GAAG,KAAKP,KAAL,CAAWF,QAAX,GAAsBM,MAAM,CAACI,OAAP,IAAkB,MAAxC,GAAiDJ,MAAM,CAACK,MAAP,IAAiB,MAAhF;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEH,SAAhB;AAA2B,QAAA,GAAG,EAAE,aAACI,CAAD;AAAA,iBAAQ,MAAI,CAACT,IAAL,GAAYS,CAApB;AAAA;AAAhC,sBACE;AAAK,QAAA,OAAO,EAAE,KAAKC;AAAnB,sBACE;AAAM,QAAA,SAAS,EAAER,OAAO,CAACI;AAAzB,SAAiCA,KAAjC,CADF,CADF,eAIE,gCAAC,kBAAD;AAAU,cAAI,KAAKP,KAAL,CAAWF,QAAzB;AAAmC,QAAA,OAAO,EAAC,MAA3C;AAAkD,QAAA,aAAa,MAA/D;AAAgE,QAAA,SAAS,EAAEK,OAAO,CAACS;AAAnF,SACGP,QADH,CAJF,CADF;AAUD;;;EA7C8BQ,kBAAMC,S;;;iCAA1BjB,W,eACQ;AACjBM,EAAAA,OAAO,EAAEY,sBAAUC,MAAV,CAAiBC,UADT;AAEjBX,EAAAA,SAAS,EAAES,sBAAUG,MAFJ;AAGjBb,EAAAA,QAAQ,EAAEU,sBAAUC,MAHH;AAIjBZ,EAAAA,MAAM,EAAEW,sBAAUI,KAAV,CAAgB;AACtBX,IAAAA,OAAO,EAAEO,sBAAUG,MADG;AAEtBT,IAAAA,MAAM,EAAEM,sBAAUG;AAFI,GAAhB;AAJS,C;iCADRrB,W,kBAWW;AACpBO,EAAAA,MAAM,EAAE;AADY,C;;eAqCT,uBAAW,UAACgB,KAAD;AAAA,SAAY;AACpCb,IAAAA,KAAK,EAAE;AACLc,MAAAA,KAAK,EAAED,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,KADxB;AAELC,MAAAA,YAAY,uBAAgBL,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,KAAtC;AAFP,KAD6B;AAKpCZ,IAAAA,WAAW,EAAE;AACXc,MAAAA,UAAU,EAAEN,KAAK,CAACO,OAAN,CAAcC,IAAd,GAAqB;AADtB;AALuB,GAAZ;AAAA,CAAX,EAQX/B,WARW,C","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport Collapse from '@material-ui/core/Collapse/index';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport PropTypes from 'prop-types';\n\nexport class Collapsible extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    children: PropTypes.object,\n    labels: PropTypes.shape({\n      visible: PropTypes.string,\n      hidden: PropTypes.string,\n    }),\n  };\n\n  static defaultProps = {\n    labels: {},\n  };\n\n  state = {\n    expanded: false,\n  };\n\n  toggleExpanded = () => {\n    this.setState((state) => ({ expanded: !state.expanded }));\n  };\n\n  componentDidMount() {\n    renderMath(this.root);\n  }\n\n  componentDidUpdate() {\n    renderMath(this.root);\n  }\n\n  render() {\n    const { classes, labels, children, className } = this.props;\n    const title = this.state.expanded ? labels.visible || 'Hide' : labels.hidden || 'Show';\n\n    return (\n      <div className={className} ref={(r) => (this.root = r)}>\n        <div onClick={this.toggleExpanded}>\n          <span className={classes.title}>{title}</span>\n        </div>\n        <Collapse in={this.state.expanded} timeout=\"auto\" unmountOnExit className={classes.collapsible}>\n          {children}\n        </Collapse>\n      </div>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  title: {\n    color: theme.palette.primary.light,\n    borderBottom: `1px dotted ${theme.palette.primary.light}`,\n  },\n  collapsible: {\n    paddingTop: theme.spacing.unit * 2,\n  },\n}))(Collapsible);\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/collapsible/index.jsx"],"names":["Collapsible","expanded","setState","state","root","props","classes","labels","children","className","title","visible","hidden","r","toggleExpanded","collapsible","React","Component","PropTypes","object","isRequired","string","shape","theme","color","palette","primary","light","borderBottom","cursor","paddingTop","spacing","unit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEaA,W;;;;;;;;;;;;;;;8FAeH;AACNC,MAAAA,QAAQ,EAAE;AADJ,K;uGAIS,YAAM;AACrB,YAAKC,QAAL,CAAc,UAACC,KAAD;AAAA,eAAY;AAAEF,UAAAA,QAAQ,EAAE,CAACE,KAAK,CAACF;AAAnB,SAAZ;AAAA,OAAd;AACD,K;;;;;;WAED,6BAAoB;AAClB,qCAAW,KAAKG,IAAhB;AACD;;;WAED,8BAAqB;AACnB,qCAAW,KAAKA,IAAhB;AACD;;;WAED,kBAAS;AAAA;;AACP,wBAAiD,KAAKC,KAAtD;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,MAAjB,eAAiBA,MAAjB;AAAA,UAAyBC,QAAzB,eAAyBA,QAAzB;AAAA,UAAmCC,SAAnC,eAAmCA,SAAnC;AACA,UAAMC,KAAK,GAAG,KAAKP,KAAL,CAAWF,QAAX,GAAsBM,MAAM,CAACI,OAAP,IAAkB,MAAxC,GAAiDJ,MAAM,CAACK,MAAP,IAAiB,MAAhF;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEH,SAAhB;AAA2B,QAAA,GAAG,EAAE,aAACI,CAAD;AAAA,iBAAQ,MAAI,CAACT,IAAL,GAAYS,CAApB;AAAA;AAAhC,sBACE;AAAK,QAAA,OAAO,EAAE,KAAKC;AAAnB,sBACE;AAAM,QAAA,SAAS,EAAER,OAAO,CAACI;AAAzB,SAAiCA,KAAjC,CADF,CADF,eAIE,gCAAC,kBAAD;AAAU,cAAI,KAAKP,KAAL,CAAWF,QAAzB;AAAmC,QAAA,OAAO,EAAC,MAA3C;AAAkD,QAAA,aAAa,MAA/D;AAAgE,QAAA,SAAS,EAAEK,OAAO,CAACS;AAAnF,SACGP,QADH,CAJF,CADF;AAUD;;;EA7C8BQ,kBAAMC,S;;;iCAA1BjB,W,eACQ;AACjBM,EAAAA,OAAO,EAAEY,sBAAUC,MAAV,CAAiBC,UADT;AAEjBX,EAAAA,SAAS,EAAES,sBAAUG,MAFJ;AAGjBb,EAAAA,QAAQ,EAAEU,sBAAUC,MAHH;AAIjBZ,EAAAA,MAAM,EAAEW,sBAAUI,KAAV,CAAgB;AACtBX,IAAAA,OAAO,EAAEO,sBAAUG,MADG;AAEtBT,IAAAA,MAAM,EAAEM,sBAAUG;AAFI,GAAhB;AAJS,C;iCADRrB,W,kBAWW;AACpBO,EAAAA,MAAM,EAAE;AADY,C;;eAqCT,uBAAW,UAACgB,KAAD;AAAA,SAAY;AACpCb,IAAAA,KAAK,EAAE;AACLc,MAAAA,KAAK,EAAED,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,KADxB;AAELC,MAAAA,YAAY,uBAAgBL,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,KAAtC,CAFP;AAGLE,MAAAA,MAAM,EAAE;AAHH,KAD6B;AAMpCd,IAAAA,WAAW,EAAE;AACXe,MAAAA,UAAU,EAAEP,KAAK,CAACQ,OAAN,CAAcC,IAAd,GAAqB;AADtB;AANuB,GAAZ;AAAA,CAAX,EASXhC,WATW,C","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles/index';\nimport Collapse from '@material-ui/core/Collapse/index';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport PropTypes from 'prop-types';\n\nexport class Collapsible extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    children: PropTypes.object,\n    labels: PropTypes.shape({\n      visible: PropTypes.string,\n      hidden: PropTypes.string,\n    }),\n  };\n\n  static defaultProps = {\n    labels: {},\n  };\n\n  state = {\n    expanded: false,\n  };\n\n  toggleExpanded = () => {\n    this.setState((state) => ({ expanded: !state.expanded }));\n  };\n\n  componentDidMount() {\n    renderMath(this.root);\n  }\n\n  componentDidUpdate() {\n    renderMath(this.root);\n  }\n\n  render() {\n    const { classes, labels, children, className } = this.props;\n    const title = this.state.expanded ? labels.visible || 'Hide' : labels.hidden || 'Show';\n\n    return (\n      <div className={className} ref={(r) => (this.root = r)}>\n        <div onClick={this.toggleExpanded}>\n          <span className={classes.title}>{title}</span>\n        </div>\n        <Collapse in={this.state.expanded} timeout=\"auto\" unmountOnExit className={classes.collapsible}>\n          {children}\n        </Collapse>\n      </div>\n    );\n  }\n}\n\nexport default withStyles((theme) => ({\n  title: {\n    color: theme.palette.primary.light,\n    borderBottom: `1px dotted ${theme.palette.primary.light}`,\n    cursor: 'pointer',\n  },\n  collapsible: {\n    paddingTop: theme.spacing.unit * 2,\n  },\n}))(Collapsible);\n"],"file":"index.js"}

package/lib/color.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.v = exports.text = exports.secondaryText = exports.secondaryLight = exports.secondaryDark = exports.secondaryBackground = exports.secondary = exports.primaryText = exports.primaryLight = exports.primaryDark = exports.primary = exports.missing = exports.incorrectSecondary = exports.incorrect = exports.disabled = exports.defaults = exports.correctSecondary = exports.correct = exports.background = void 0;
+exports.white = exports.visualElementsColors = exports.v = exports.transparent = exports.text = exports.tertiaryLight = exports.tertiary = exports.secondaryText = exports.secondaryLight = exports.secondaryDark = exports.secondaryBackground = exports.secondary = exports.primaryText = exports.primaryLight = exports.primaryDark = exports.primary = exports.missingWithIcon = exports.missing = exports.incorrectWithIcon = exports.incorrectSecondary = exports.incorrect = exports.focusUncheckedBorder = exports.focusUnchecked = exports.focusCheckedBorder = exports.focusChecked = exports.fadedPrimary = exports.dropdownBackground = exports.disabledSecondary = exports.disabled = exports.defaults = exports.correctWithIcon = exports.correctTertiary = exports.correctSecondary = exports.correct = exports.borderLight = exports.borderGray = exports.borderDark = exports.border = exports.blueGrey900 = exports.blueGrey600 = exports.blueGrey300 = exports.blueGrey100 = exports.black = exports.backgroundDark = exports.background = void 0;
 
 var _green = _interopRequireDefault(require("@material-ui/core/colors/green"));
 
@@ -20,19 +20,49 @@ var _red = _interopRequireDefault(require("@material-ui/core/colors/red"));
 var defaults = {
   TEXT: 'black',
   DISABLED: 'grey',
+  DISABLED_SECONDARY: '#ABABAB',
   CORRECT: _green["default"][500],
   CORRECT_SECONDARY: _green["default"][50],
+  CORRECT_TERTIARY: '#0EA449',
+  CORRECT_WITH_ICON: '#087D38',
   INCORRECT: _orange["default"][500],
   INCORRECT_SECONDARY: _red["default"][50],
+  INCORRECT_WITH_ICON: '#BF0D00',
   MISSING: _red["default"][700],
+  MISSING_WITH_ICON: '#6A78A1',
   PRIMARY: _indigo["default"][500],
   PRIMARY_LIGHT: _indigo["default"][200],
   PRIMARY_DARK: _indigo["default"][800],
   SECONDARY: _pink["default"].A400,
   SECONDARY_LIGHT: _pink["default"][200],
   SECONDARY_DARK: _pink["default"][900],
+  TERTIARY: '#146EB3',
+  TERTIARY_LIGHT: '#D0E2F0',
   BACKGROUND: 'rgba(255,255,255,0)',
-  SECONDARY_BACKGROUND: 'rgba(241,241,241,1)'
+  BACKGROUND_DARK: '#ECEDF1',
+  DROPDOWN_BACKGROUND: '#E0E1E6',
+  // this is used for inline-dropdown
+  // this is only used for multi-trait-rubric, we might want to use BACKGROUND_DARK instead
+  SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',
+  BORDER: '#9A9A9A',
+  BORDER_LIGHT: '#D1D1D1',
+  BORDER_DARK: '#646464',
+  BORDER_GRAY: '#7E8494',
+  BLACK: '#000000',
+  WHITE: '#ffffff',
+  TRANSPARENT: 'transparent',
+  // this is used for multiple-choice accessibility
+  FOCUS_CHECKED: '#BBDEFB',
+  FOCUS_CHECKED_BORDER: '#1565C0',
+  FOCUS_UNCHECKED: '#E0E0E0',
+  FOCUS_UNCHECKED_BORDER: '#757575',
+  // this is used for select text tokens
+  BLUE_GREY100: '#F3F5F7',
+  BLUE_GREY300: '#C0C3CF',
+  BLUE_GREY600: '#7E8494',
+  BLUE_GREY900: '#152452',
+  // this is used for charting
+  FADED_PRIMARY: '#DCDAFB'
 };
 exports.defaults = defaults;
 Object.freeze(defaults);
@@ -65,6 +95,12 @@ var disabled = function disabled() {
 
 exports.disabled = disabled;
 
+var disabledSecondary = function disabledSecondary() {
+  return pv('disabled-secondary', defaults.DISABLED_SECONDARY);
+};
+
+exports.disabledSecondary = disabledSecondary;
+
 var correct = function correct() {
   return pv('correct', defaults.CORRECT);
 };
@@ -77,12 +113,30 @@ var correctSecondary = function correctSecondary() {
 
 exports.correctSecondary = correctSecondary;
 
+var correctTertiary = function correctTertiary() {
+  return pv('correct-tertiary', defaults.CORRECT_TERTIARY);
+};
+
+exports.correctTertiary = correctTertiary;
+
+var correctWithIcon = function correctWithIcon() {
+  return pv('correct-icon', defaults.CORRECT_WITH_ICON);
+};
+
+exports.correctWithIcon = correctWithIcon;
+
 var incorrect = function incorrect() {
   return pv('incorrect', defaults.INCORRECT);
 };
 
 exports.incorrect = incorrect;
 
+var incorrectWithIcon = function incorrectWithIcon() {
+  return pv('incorrect-icon', defaults.INCORRECT_WITH_ICON);
+};
+
+exports.incorrectWithIcon = incorrectWithIcon;
+
 var incorrectSecondary = function incorrectSecondary() {
   return pv('incorrect-secondary', defaults.INCORRECT_SECONDARY);
 };
@@ -95,6 +149,12 @@ var missing = function missing() {
 
 exports.missing = missing;
 
+var missingWithIcon = function missingWithIcon() {
+  return pv('missing-icon', defaults.MISSING_WITH_ICON);
+};
+
+exports.missingWithIcon = missingWithIcon;
+
 var primary = function primary() {
   return pv('primary', defaults.PRIMARY);
 };
@@ -119,6 +179,12 @@ var primaryText = function primaryText() {
 
 exports.primaryText = primaryText;
 
+var fadedPrimary = function fadedPrimary() {
+  return pv('faded-primary', defaults.FADED_PRIMARY);
+};
+
+exports.fadedPrimary = fadedPrimary;
+
 var secondary = function secondary() {
   return pv('secondary', defaults.SECONDARY);
 };
@@ -149,9 +215,130 @@ var background = function background() {
 
 exports.background = background;
 
+var backgroundDark = function backgroundDark() {
+  return pv('background-dark', defaults.BACKGROUND_DARK);
+};
+
+exports.backgroundDark = backgroundDark;
+
 var secondaryBackground = function secondaryBackground() {
   return pv('secondary-background', defaults.SECONDARY_BACKGROUND);
 };
 
 exports.secondaryBackground = secondaryBackground;
+
+var dropdownBackground = function dropdownBackground() {
+  return pv('dropdown-background', defaults.DROPDOWN_BACKGROUND);
+};
+
+exports.dropdownBackground = dropdownBackground;
+
+var tertiary = function tertiary() {
+  return pv('tertiary', defaults.TERTIARY);
+};
+
+exports.tertiary = tertiary;
+
+var tertiaryLight = function tertiaryLight() {
+  return pv('tertiary-light', defaults.TERTIARY_LIGHT);
+};
+
+exports.tertiaryLight = tertiaryLight;
+
+var border = function border() {
+  return pv('border', defaults.BORDER);
+};
+
+exports.border = border;
+
+var borderLight = function borderLight() {
+  return pv('border-light', defaults.BORDER_LIGHT);
+};
+
+exports.borderLight = borderLight;
+
+var borderDark = function borderDark() {
+  return pv('border-dark', defaults.BORDER_DARK);
+};
+
+exports.borderDark = borderDark;
+
+var borderGray = function borderGray() {
+  return pv('border-gray', defaults.BORDER_GRAY);
+};
+
+exports.borderGray = borderGray;
+
+var black = function black() {
+  return pv('black', defaults.BLACK);
+};
+
+exports.black = black;
+
+var white = function white() {
+  return pv('white', defaults.WHITE);
+};
+
+exports.white = white;
+
+var transparent = function transparent() {
+  return defaults.TRANSPARENT;
+};
+
+exports.transparent = transparent;
+
+var focusChecked = function focusChecked() {
+  return pv('focus-checked', defaults.FOCUS_CHECKED);
+};
+
+exports.focusChecked = focusChecked;
+
+var focusCheckedBorder = function focusCheckedBorder() {
+  return pv('focus-checked-border', defaults.FOCUS_CHECKED_BORDER);
+};
+
+exports.focusCheckedBorder = focusCheckedBorder;
+
+var focusUnchecked = function focusUnchecked() {
+  return pv('focus-unchecked', defaults.FOCUS_UNCHECKED);
+};
+
+exports.focusUnchecked = focusUnchecked;
+
+var focusUncheckedBorder = function focusUncheckedBorder() {
+  return pv('focus-unchecked-border', defaults.FOCUS_UNCHECKED_BORDER);
+};
+
+exports.focusUncheckedBorder = focusUncheckedBorder;
+
+var blueGrey100 = function blueGrey100() {
+  return pv('blue-grey-100', defaults.BLUE_GREY100);
+};
+
+exports.blueGrey100 = blueGrey100;
+
+var blueGrey300 = function blueGrey300() {
+  return pv('blue-grey-300', defaults.BLUE_GREY300);
+};
+
+exports.blueGrey300 = blueGrey300;
+
+var blueGrey600 = function blueGrey600() {
+  return pv('blue-grey-600', defaults.BLUE_GREY600);
+};
+
+exports.blueGrey600 = blueGrey600;
+
+var blueGrey900 = function blueGrey900() {
+  return pv('blue-grey-900', defaults.BLUE_GREY900);
+};
+
+exports.blueGrey900 = blueGrey900;
+var visualElementsColors = {
+  AXIS_LINE_COLOR: '#5A53C9',
+  ROLLOVER_FILL_BAR_COLOR: '#050F2D',
+  GRIDLINES_COLOR: '#8E88EA',
+  PLOT_FILL_COLOR: '#1463B3'
+};
+exports.visualElementsColors = visualElementsColors;
 //# sourceMappingURL=color.js.map

package/lib/color.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/color.js"],"names":["defaults","TEXT","DISABLED","CORRECT","green","CORRECT_SECONDARY","INCORRECT","orange","INCORRECT_SECONDARY","red","MISSING","PRIMARY","indigo","PRIMARY_LIGHT","PRIMARY_DARK","SECONDARY","pink","A400","SECONDARY_LIGHT","SECONDARY_DARK","BACKGROUND","SECONDARY_BACKGROUND","Object","freeze","v","prefix","args","fallback","pop","reduceRight","acc","pv","text","disabled","correct","correctSecondary","incorrect","incorrectSecondary","missing","primary","primaryLight","primaryDark","primaryText","secondary","secondaryLight","secondaryDark","secondaryText","background","secondaryBackground"],"mappings":"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","sourcesContent":["import green from '@material-ui/core/colors/green';\nimport orange from '@material-ui/core/colors/orange';\nimport pink from '@material-ui/core/colors/pink';\nimport indigo from '@material-ui/core/colors/indigo';\nimport red from '@material-ui/core/colors/red';\n\nexport const defaults = {\n  TEXT: 'black',\n  DISABLED: 'grey',\n  CORRECT: green[500],\n  CORRECT_SECONDARY: green[50],\n  INCORRECT: orange[500],\n  INCORRECT_SECONDARY: red[50],\n  MISSING: red[700],\n  PRIMARY: indigo[500],\n  PRIMARY_LIGHT: indigo[200],\n  PRIMARY_DARK: indigo[800],\n  SECONDARY: pink.A400,\n  SECONDARY_LIGHT: pink[200],\n  SECONDARY_DARK: pink[900],\n  BACKGROUND: 'rgba(255,255,255,0)',\n  SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',\n};\n\nObject.freeze(defaults);\n\nexport const v = (prefix) => (...args) => {\n  const fallback = args.pop();\n  return args.reduceRight((acc, v) => {\n    return `var(--${prefix}-${v}, ${acc})`;\n  }, fallback);\n};\n\nconst pv = v('pie');\n\nexport const text = () => pv('text', defaults.TEXT);\nexport const disabled = () => pv('disabled', defaults.DISABLED);\nexport const correct = () => pv('correct', defaults.CORRECT);\nexport const correctSecondary = () => pv('correct-secondary', defaults.CORRECT_SECONDARY);\nexport const incorrect = () => pv('incorrect', defaults.INCORRECT);\nexport const incorrectSecondary = () => pv('incorrect-secondary', defaults.INCORRECT_SECONDARY);\nexport const missing = () => pv('missing', defaults.MISSING);\n\nexport const primary = () => pv('primary', defaults.PRIMARY);\nexport const primaryLight = () => pv('primary-light', defaults.PRIMARY_LIGHT);\nexport const primaryDark = () => pv('primary-dark', defaults.PRIMARY_DARK);\nexport const primaryText = () => pv('primary-text', 'text', defaults.TEXT);\n\nexport const secondary = () => pv('secondary', defaults.SECONDARY);\nexport const secondaryLight = () => pv('secondary-light', defaults.SECONDARY_LIGHT);\nexport const secondaryDark = () => pv('secondary-dark', defaults.SECONDARY_DARK);\n\nexport const secondaryText = () => pv('secondary-text', 'text', defaults.TEXT);\nexport const background = () => pv('background', defaults.BACKGROUND);\nexport const secondaryBackground = () => pv('secondary-background', defaults.SECONDARY_BACKGROUND);\n"],"file":"color.js"}
+{"version":3,"sources":["../src/color.js"],"names":["defaults","TEXT","DISABLED","DISABLED_SECONDARY","CORRECT","green","CORRECT_SECONDARY","CORRECT_TERTIARY","CORRECT_WITH_ICON","INCORRECT","orange","INCORRECT_SECONDARY","red","INCORRECT_WITH_ICON","MISSING","MISSING_WITH_ICON","PRIMARY","indigo","PRIMARY_LIGHT","PRIMARY_DARK","SECONDARY","pink","A400","SECONDARY_LIGHT","SECONDARY_DARK","TERTIARY","TERTIARY_LIGHT","BACKGROUND","BACKGROUND_DARK","DROPDOWN_BACKGROUND","SECONDARY_BACKGROUND","BORDER","BORDER_LIGHT","BORDER_DARK","BORDER_GRAY","BLACK","WHITE","TRANSPARENT","FOCUS_CHECKED","FOCUS_CHECKED_BORDER","FOCUS_UNCHECKED","FOCUS_UNCHECKED_BORDER","BLUE_GREY100","BLUE_GREY300","BLUE_GREY600","BLUE_GREY900","FADED_PRIMARY","Object","freeze","v","prefix","args","fallback","pop","reduceRight","acc","pv","text","disabled","disabledSecondary","correct","correctSecondary","correctTertiary","correctWithIcon","incorrect","incorrectWithIcon","incorrectSecondary","missing","missingWithIcon","primary","primaryLight","primaryDark","primaryText","fadedPrimary","secondary","secondaryLight","secondaryDark","secondaryText","background","backgroundDark","secondaryBackground","dropdownBackground","tertiary","tertiaryLight","border","borderLight","borderDark","borderGray","black","white","transparent","focusChecked","focusCheckedBorder","focusUnchecked","focusUncheckedBorder","blueGrey100","blueGrey300","blueGrey600","blueGrey900","visualElementsColors","AXIS_LINE_COLOR","ROLLOVER_FILL_BAR_COLOR","GRIDLINES_COLOR","PLOT_FILL_COLOR"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEO,IAAMA,QAAQ,GAAG;AACtBC,EAAAA,IAAI,EAAE,OADgB;AAEtBC,EAAAA,QAAQ,EAAE,MAFY;AAGtBC,EAAAA,kBAAkB,EAAE,SAHE;AAItBC,EAAAA,OAAO,EAAEC,kBAAM,GAAN,CAJa;AAKtBC,EAAAA,iBAAiB,EAAED,kBAAM,EAAN,CALG;AAMtBE,EAAAA,gBAAgB,EAAE,SANI;AAOtBC,EAAAA,iBAAiB,EAAE,SAPG;AAQtBC,EAAAA,SAAS,EAAEC,mBAAO,GAAP,CARW;AAStBC,EAAAA,mBAAmB,EAAEC,gBAAI,EAAJ,CATC;AAUtBC,EAAAA,mBAAmB,EAAE,SAVC;AAWtBC,EAAAA,OAAO,EAAEF,gBAAI,GAAJ,CAXa;AAYtBG,EAAAA,iBAAiB,EAAE,SAZG;AAatBC,EAAAA,OAAO,EAAEC,mBAAO,GAAP,CAba;AActBC,EAAAA,aAAa,EAAED,mBAAO,GAAP,CAdO;AAetBE,EAAAA,YAAY,EAAEF,mBAAO,GAAP,CAfQ;AAgBtBG,EAAAA,SAAS,EAAEC,iBAAKC,IAhBM;AAiBtBC,EAAAA,eAAe,EAAEF,iBAAK,GAAL,CAjBK;AAkBtBG,EAAAA,cAAc,EAAEH,iBAAK,GAAL,CAlBM;AAmBtBI,EAAAA,QAAQ,EAAE,SAnBY;AAoBtBC,EAAAA,cAAc,EAAE,SApBM;AAqBtBC,EAAAA,UAAU,EAAE,qBArBU;AAsBtBC,EAAAA,eAAe,EAAE,SAtBK;AAuBtBC,EAAAA,mBAAmB,EAAE,SAvBC;AAuBU;AAChC;AACAC,EAAAA,oBAAoB,EAAE,qBAzBA;AA0BtBC,EAAAA,MAAM,EAAE,SA1Bc;AA2BtBC,EAAAA,YAAY,EAAE,SA3BQ;AA4BtBC,EAAAA,WAAW,EAAE,SA5BS;AA6BtBC,EAAAA,WAAW,EAAE,SA7BS;AA8BtBC,EAAAA,KAAK,EAAE,SA9Be;AA+BtBC,EAAAA,KAAK,EAAE,SA/Be;AAgCtBC,EAAAA,WAAW,EAAE,aAhCS;AAiCtB;AACAC,EAAAA,aAAa,EAAE,SAlCO;AAmCtBC,EAAAA,oBAAoB,EAAE,SAnCA;AAoCtBC,EAAAA,eAAe,EAAE,SApCK;AAqCtBC,EAAAA,sBAAsB,EAAE,SArCF;AAsCtB;AACAC,EAAAA,YAAY,EAAE,SAvCQ;AAwCtBC,EAAAA,YAAY,EAAE,SAxCQ;AAyCtBC,EAAAA,YAAY,EAAE,SAzCQ;AA0CtBC,EAAAA,YAAY,EAAE,SA1CQ;AA2CtB;AACAC,EAAAA,aAAa,EAAE;AA5CO,CAAjB;;AA+CPC,MAAM,CAACC,MAAP,CAAchD,QAAd;;AAEO,IAAMiD,CAAC,GAAG,SAAJA,CAAI,CAACC,MAAD;AAAA,SAAY,YAAa;AAAA,sCAATC,IAAS;AAATA,MAAAA,IAAS;AAAA;;AACxC,QAAMC,QAAQ,GAAGD,IAAI,CAACE,GAAL,EAAjB;AACA,WAAOF,IAAI,CAACG,WAAL,CAAiB,UAACC,GAAD,EAAMN,CAAN,EAAY;AAClC,6BAAgBC,MAAhB,cAA0BD,CAA1B,eAAgCM,GAAhC;AACD,KAFM,EAEJH,QAFI,CAAP;AAGD,GALgB;AAAA,CAAV;;;AAOP,IAAMI,EAAE,GAAGP,CAAC,CAAC,KAAD,CAAZ;;AAEO,IAAMQ,IAAI,GAAG,SAAPA,IAAO;AAAA,SAAMD,EAAE,CAAC,MAAD,EAASxD,QAAQ,CAACC,IAAlB,CAAR;AAAA,CAAb;;;;AACA,IAAMyD,QAAQ,GAAG,SAAXA,QAAW;AAAA,SAAMF,EAAE,CAAC,UAAD,EAAaxD,QAAQ,CAACE,QAAtB,CAAR;AAAA,CAAjB;;;;AACA,IAAMyD,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAAMH,EAAE,CAAC,oBAAD,EAAuBxD,QAAQ,CAACG,kBAAhC,CAAR;AAAA,CAA1B;;;;AACA,IAAMyD,OAAO,GAAG,SAAVA,OAAU;AAAA,SAAMJ,EAAE,CAAC,SAAD,EAAYxD,QAAQ,CAACI,OAArB,CAAR;AAAA,CAAhB;;;;AACA,IAAMyD,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAML,EAAE,CAAC,mBAAD,EAAsBxD,QAAQ,CAACM,iBAA/B,CAAR;AAAA,CAAzB;;;;AACA,IAAMwD,eAAe,GAAG,SAAlBA,eAAkB;AAAA,SAAMN,EAAE,CAAC,kBAAD,EAAqBxD,QAAQ,CAACO,gBAA9B,CAAR;AAAA,CAAxB;;;;AACA,IAAMwD,eAAe,GAAG,SAAlBA,eAAkB;AAAA,SAAMP,EAAE,CAAC,cAAD,EAAiBxD,QAAQ,CAACQ,iBAA1B,CAAR;AAAA,CAAxB;;;;AACA,IAAMwD,SAAS,GAAG,SAAZA,SAAY;AAAA,SAAMR,EAAE,CAAC,WAAD,EAAcxD,QAAQ,CAACS,SAAvB,CAAR;AAAA,CAAlB;;;;AACA,IAAMwD,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAAMT,EAAE,CAAC,gBAAD,EAAmBxD,QAAQ,CAACa,mBAA5B,CAAR;AAAA,CAA1B;;;;AACA,IAAMqD,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAMV,EAAE,CAAC,qBAAD,EAAwBxD,QAAQ,CAACW,mBAAjC,CAAR;AAAA,CAA3B;;;;AACA,IAAMwD,OAAO,GAAG,SAAVA,OAAU;AAAA,SAAMX,EAAE,CAAC,SAAD,EAAYxD,QAAQ,CAACc,OAArB,CAAR;AAAA,CAAhB;;;;AACA,IAAMsD,eAAe,GAAG,SAAlBA,eAAkB;AAAA,SAAMZ,EAAE,CAAC,cAAD,EAAiBxD,QAAQ,CAACe,iBAA1B,CAAR;AAAA,CAAxB;;;;AAEA,IAAMsD,OAAO,GAAG,SAAVA,OAAU;AAAA,SAAMb,EAAE,CAAC,SAAD,EAAYxD,QAAQ,CAACgB,OAArB,CAAR;AAAA,CAAhB;;;;AACA,IAAMsD,YAAY,GAAG,SAAfA,YAAe;AAAA,SAAMd,EAAE,CAAC,eAAD,EAAkBxD,QAAQ,CAACkB,aAA3B,CAAR;AAAA,CAArB;;;;AACA,IAAMqD,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAMf,EAAE,CAAC,cAAD,EAAiBxD,QAAQ,CAACmB,YAA1B,CAAR;AAAA,CAApB;;;;AACA,IAAMqD,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAMhB,EAAE,CAAC,cAAD,EAAiB,MAAjB,EAAyBxD,QAAQ,CAACC,IAAlC,CAAR;AAAA,CAApB;;;;AACA,IAAMwE,YAAY,GAAG,SAAfA,YAAe;AAAA,SAAMjB,EAAE,CAAC,eAAD,EAAkBxD,QAAQ,CAAC8C,aAA3B,CAAR;AAAA,CAArB;;;;AAEA,IAAM4B,SAAS,GAAG,SAAZA,SAAY;AAAA,SAAMlB,EAAE,CAAC,WAAD,EAAcxD,QAAQ,CAACoB,SAAvB,CAAR;AAAA,CAAlB;;;;AACA,IAAMuD,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAAMnB,EAAE,CAAC,iBAAD,EAAoBxD,QAAQ,CAACuB,eAA7B,CAAR;AAAA,CAAvB;;;;AACA,IAAMqD,aAAa,GAAG,SAAhBA,aAAgB;AAAA,SAAMpB,EAAE,CAAC,gBAAD,EAAmBxD,QAAQ,CAACwB,cAA5B,CAAR;AAAA,CAAtB;;;;AAEA,IAAMqD,aAAa,GAAG,SAAhBA,aAAgB;AAAA,SAAMrB,EAAE,CAAC,gBAAD,EAAmB,MAAnB,EAA2BxD,QAAQ,CAACC,IAApC,CAAR;AAAA,CAAtB;;;;AACA,IAAM6E,UAAU,GAAG,SAAbA,UAAa;AAAA,SAAMtB,EAAE,CAAC,YAAD,EAAexD,QAAQ,CAAC2B,UAAxB,CAAR;AAAA,CAAnB;;;;AACA,IAAMoD,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAAMvB,EAAE,CAAC,iBAAD,EAAoBxD,QAAQ,CAAC4B,eAA7B,CAAR;AAAA,CAAvB;;;;AACA,IAAMoD,mBAAmB,GAAG,SAAtBA,mBAAsB;AAAA,SAAMxB,EAAE,CAAC,sBAAD,EAAyBxD,QAAQ,CAAC8B,oBAAlC,CAAR;AAAA,CAA5B;;;;AACA,IAAMmD,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAMzB,EAAE,CAAC,qBAAD,EAAwBxD,QAAQ,CAAC6B,mBAAjC,CAAR;AAAA,CAA3B;;;;AAEA,IAAMqD,QAAQ,GAAG,SAAXA,QAAW;AAAA,SAAM1B,EAAE,CAAC,UAAD,EAAaxD,QAAQ,CAACyB,QAAtB,CAAR;AAAA,CAAjB;;;;AACA,IAAM0D,aAAa,GAAG,SAAhBA,aAAgB;AAAA,SAAM3B,EAAE,CAAC,gBAAD,EAAmBxD,QAAQ,CAAC0B,cAA5B,CAAR;AAAA,CAAtB;;;;AAEA,IAAM0D,MAAM,GAAG,SAATA,MAAS;AAAA,SAAM5B,EAAE,CAAC,QAAD,EAAWxD,QAAQ,CAAC+B,MAApB,CAAR;AAAA,CAAf;;;;AACA,IAAMsD,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAM7B,EAAE,CAAC,cAAD,EAAiBxD,QAAQ,CAACgC,YAA1B,CAAR;AAAA,CAApB;;;;AACA,IAAMsD,UAAU,GAAG,SAAbA,UAAa;AAAA,SAAM9B,EAAE,CAAC,aAAD,EAAgBxD,QAAQ,CAACiC,WAAzB,CAAR;AAAA,CAAnB;;;;AACA,IAAMsD,UAAU,GAAG,SAAbA,UAAa;AAAA,SAAM/B,EAAE,CAAC,aAAD,EAAgBxD,QAAQ,CAACkC,WAAzB,CAAR;AAAA,CAAnB;;;;AAEA,IAAMsD,KAAK,GAAG,SAARA,KAAQ;AAAA,SAAMhC,EAAE,CAAC,OAAD,EAAUxD,QAAQ,CAACmC,KAAnB,CAAR;AAAA,CAAd;;;;AACA,IAAMsD,KAAK,GAAG,SAARA,KAAQ;AAAA,SAAMjC,EAAE,CAAC,OAAD,EAAUxD,QAAQ,CAACoC,KAAnB,CAAR;AAAA,CAAd;;;;AACA,IAAMsD,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAM1F,QAAQ,CAACqC,WAAf;AAAA,CAApB;;;;AAEA,IAAMsD,YAAY,GAAG,SAAfA,YAAe;AAAA,SAAMnC,EAAE,CAAC,eAAD,EAAkBxD,QAAQ,CAACsC,aAA3B,CAAR;AAAA,CAArB;;;;AACA,IAAMsD,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAMpC,EAAE,CAAC,sBAAD,EAAyBxD,QAAQ,CAACuC,oBAAlC,CAAR;AAAA,CAA3B;;;;AACA,IAAMsD,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAAMrC,EAAE,CAAC,iBAAD,EAAoBxD,QAAQ,CAACwC,eAA7B,CAAR;AAAA,CAAvB;;;;AACA,IAAMsD,oBAAoB,GAAG,SAAvBA,oBAAuB;AAAA,SAAMtC,EAAE,CAAC,wBAAD,EAA2BxD,QAAQ,CAACyC,sBAApC,CAAR;AAAA,CAA7B;;;;AAEA,IAAMsD,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAMvC,EAAE,CAAC,eAAD,EAAkBxD,QAAQ,CAAC0C,YAA3B,CAAR;AAAA,CAApB;;;;AACA,IAAMsD,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAMxC,EAAE,CAAC,eAAD,EAAkBxD,QAAQ,CAAC2C,YAA3B,CAAR;AAAA,CAApB;;;;AACA,IAAMsD,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAMzC,EAAE,CAAC,eAAD,EAAkBxD,QAAQ,CAAC4C,YAA3B,CAAR;AAAA,CAApB;;;;AACA,IAAMsD,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAM1C,EAAE,CAAC,eAAD,EAAkBxD,QAAQ,CAAC6C,YAA3B,CAAR;AAAA,CAApB;;;AAEA,IAAMsD,oBAAoB,GAAG;AAClCC,EAAAA,eAAe,EAAE,SADiB;AAElCC,EAAAA,uBAAuB,EAAE,SAFS;AAGlCC,EAAAA,eAAe,EAAE,SAHiB;AAIlCC,EAAAA,eAAe,EAAE;AAJiB,CAA7B","sourcesContent":["import green from '@material-ui/core/colors/green';\nimport orange from '@material-ui/core/colors/orange';\nimport pink from '@material-ui/core/colors/pink';\nimport indigo from '@material-ui/core/colors/indigo';\nimport red from '@material-ui/core/colors/red';\n\nexport const defaults = {\n  TEXT: 'black',\n  DISABLED: 'grey',\n  DISABLED_SECONDARY: '#ABABAB',\n  CORRECT: green[500],\n  CORRECT_SECONDARY: green[50],\n  CORRECT_TERTIARY: '#0EA449',\n  CORRECT_WITH_ICON: '#087D38',\n  INCORRECT: orange[500],\n  INCORRECT_SECONDARY: red[50],\n  INCORRECT_WITH_ICON: '#BF0D00',\n  MISSING: red[700],\n  MISSING_WITH_ICON: '#6A78A1',\n  PRIMARY: indigo[500],\n  PRIMARY_LIGHT: indigo[200],\n  PRIMARY_DARK: indigo[800],\n  SECONDARY: pink.A400,\n  SECONDARY_LIGHT: pink[200],\n  SECONDARY_DARK: pink[900],\n  TERTIARY: '#146EB3',\n  TERTIARY_LIGHT: '#D0E2F0',\n  BACKGROUND: 'rgba(255,255,255,0)',\n  BACKGROUND_DARK: '#ECEDF1',\n  DROPDOWN_BACKGROUND: '#E0E1E6', // this is used for inline-dropdown\n  // this is only used for multi-trait-rubric, we might want to use BACKGROUND_DARK instead\n  SECONDARY_BACKGROUND: 'rgba(241,241,241,1)',\n  BORDER: '#9A9A9A',\n  BORDER_LIGHT: '#D1D1D1',\n  BORDER_DARK: '#646464',\n  BORDER_GRAY: '#7E8494',\n  BLACK: '#000000',\n  WHITE: '#ffffff',\n  TRANSPARENT: 'transparent',\n  // this is used for multiple-choice accessibility\n  FOCUS_CHECKED: '#BBDEFB',\n  FOCUS_CHECKED_BORDER: '#1565C0',\n  FOCUS_UNCHECKED: '#E0E0E0',\n  FOCUS_UNCHECKED_BORDER: '#757575',\n  // this is used for select text tokens\n  BLUE_GREY100: '#F3F5F7',\n  BLUE_GREY300: '#C0C3CF',\n  BLUE_GREY600: '#7E8494',\n  BLUE_GREY900: '#152452',\n  // this is used for charting\n  FADED_PRIMARY: '#DCDAFB',\n};\n\nObject.freeze(defaults);\n\nexport const v = (prefix) => (...args) => {\n  const fallback = args.pop();\n  return args.reduceRight((acc, v) => {\n    return `var(--${prefix}-${v}, ${acc})`;\n  }, fallback);\n};\n\nconst pv = v('pie');\n\nexport const text = () => pv('text', defaults.TEXT);\nexport const disabled = () => pv('disabled', defaults.DISABLED);\nexport const disabledSecondary = () => pv('disabled-secondary', defaults.DISABLED_SECONDARY);\nexport const correct = () => pv('correct', defaults.CORRECT);\nexport const correctSecondary = () => pv('correct-secondary', defaults.CORRECT_SECONDARY);\nexport const correctTertiary = () => pv('correct-tertiary', defaults.CORRECT_TERTIARY);\nexport const correctWithIcon = () => pv('correct-icon', defaults.CORRECT_WITH_ICON);\nexport const incorrect = () => pv('incorrect', defaults.INCORRECT);\nexport const incorrectWithIcon = () => pv('incorrect-icon', defaults.INCORRECT_WITH_ICON);\nexport const incorrectSecondary = () => pv('incorrect-secondary', defaults.INCORRECT_SECONDARY);\nexport const missing = () => pv('missing', defaults.MISSING);\nexport const missingWithIcon = () => pv('missing-icon', defaults.MISSING_WITH_ICON);\n\nexport const primary = () => pv('primary', defaults.PRIMARY);\nexport const primaryLight = () => pv('primary-light', defaults.PRIMARY_LIGHT);\nexport const primaryDark = () => pv('primary-dark', defaults.PRIMARY_DARK);\nexport const primaryText = () => pv('primary-text', 'text', defaults.TEXT);\nexport const fadedPrimary = () => pv('faded-primary', defaults.FADED_PRIMARY);\n\nexport const secondary = () => pv('secondary', defaults.SECONDARY);\nexport const secondaryLight = () => pv('secondary-light', defaults.SECONDARY_LIGHT);\nexport const secondaryDark = () => pv('secondary-dark', defaults.SECONDARY_DARK);\n\nexport const secondaryText = () => pv('secondary-text', 'text', defaults.TEXT);\nexport const background = () => pv('background', defaults.BACKGROUND);\nexport const backgroundDark = () => pv('background-dark', defaults.BACKGROUND_DARK);\nexport const secondaryBackground = () => pv('secondary-background', defaults.SECONDARY_BACKGROUND);\nexport const dropdownBackground = () => pv('dropdown-background', defaults.DROPDOWN_BACKGROUND);\n\nexport const tertiary = () => pv('tertiary', defaults.TERTIARY);\nexport const tertiaryLight = () => pv('tertiary-light', defaults.TERTIARY_LIGHT);\n\nexport const border = () => pv('border', defaults.BORDER);\nexport const borderLight = () => pv('border-light', defaults.BORDER_LIGHT);\nexport const borderDark = () => pv('border-dark', defaults.BORDER_DARK);\nexport const borderGray = () => pv('border-gray', defaults.BORDER_GRAY);\n\nexport const black = () => pv('black', defaults.BLACK);\nexport const white = () => pv('white', defaults.WHITE);\nexport const transparent = () => defaults.TRANSPARENT;\n\nexport const focusChecked = () => pv('focus-checked', defaults.FOCUS_CHECKED);\nexport const focusCheckedBorder = () => pv('focus-checked-border', defaults.FOCUS_CHECKED_BORDER);\nexport const focusUnchecked = () => pv('focus-unchecked', defaults.FOCUS_UNCHECKED);\nexport const focusUncheckedBorder = () => pv('focus-unchecked-border', defaults.FOCUS_UNCHECKED_BORDER);\n\nexport const blueGrey100 = () => pv('blue-grey-100', defaults.BLUE_GREY100);\nexport const blueGrey300 = () => pv('blue-grey-300', defaults.BLUE_GREY300);\nexport const blueGrey600 = () => pv('blue-grey-600', defaults.BLUE_GREY600);\nexport const blueGrey900 = () => pv('blue-grey-900', defaults.BLUE_GREY900);\n\nexport const visualElementsColors = {\n  AXIS_LINE_COLOR: '#5A53C9',\n  ROLLOVER_FILL_BAR_COLOR: '#050F2D',\n  GRIDLINES_COLOR: '#8E88EA',\n  PLOT_FILL_COLOR: '#1463B3',\n};\n"],"file":"color.js"}

package/lib/feedback.js

@@ -56,7 +56,6 @@ var styleSheet = {
     backgroundColor: "var(--feedback-bg-color, ".concat(color.disabled(), ")"),
     borderRadius: '4px',
     fontFamily: '"Roboto", "Noto", sans-serif',
-    fontSize: '12px',
     lineHeight: '25px',
     margin: '0px',
     padding: '10px',

package/lib/feedback.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/feedback.jsx"],"names":["styleSheet","corespringFeedback","transformOrigin","width","display","overflow","color","content","backgroundColor","disabled","borderRadius","fontFamily","fontSize","lineHeight","margin","padding","verticalAlign","correct","incorrect","feedbackEnter","height","feedbackEnterActive","transition","feedbackLeave","feedbackLeaveActive","Feedback","props","correctness","feedback","classes","chooseFeedback","enter","enterActive","leave","leaveActive","exit","__html","React","Component","PropTypes","string","object","isRequired","name"],"mappings":"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","sourcesContent":["/**\n * Lifted from multiple-choice - TODO: create a shared package for it.\n */\nimport { withStyles } from '@material-ui/core/styles';\n\nimport React from 'react';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport * as color from './color';\n\nconst styleSheet = {\n  corespringFeedback: {\n    transformOrigin: '0% 0px 0px',\n    width: '100%',\n    display: 'block',\n    overflow: 'hidden',\n    '&:.incorrect': {\n      color: '#946202',\n    },\n  },\n  content: {\n    '-webkit-font-smoothing': 'antialiased',\n    backgroundColor: `var(--feedback-bg-color, ${color.disabled()})`,\n    borderRadius: '4px',\n    fontFamily: '\"Roboto\", \"Noto\", sans-serif',\n    fontSize: '12px',\n    lineHeight: '25px',\n    margin: '0px',\n    padding: '10px',\n    verticalAlign: 'middle',\n    color: 'var(--feedback-color, white)',\n  },\n  correct: {\n    backgroundColor: `var(--feedback-correct-bg-color, ${color.correct()})`,\n  },\n  incorrect: {\n    backgroundColor: `var(--feedback-incorrect-bg-color, ${color.incorrect()})`,\n  },\n  feedbackEnter: {\n    height: '1px',\n  },\n  feedbackEnterActive: {\n    height: '45px',\n    transition: 'height 500ms',\n  },\n  feedbackLeave: {\n    height: '45px',\n  },\n  feedbackLeaveActive: {\n    height: '1px',\n    transition: 'height 200ms',\n  },\n};\n\nexport class Feedback extends React.Component {\n  static propTypes = {\n    correctness: PropTypes.string,\n    feedback: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n  };\n\n  render() {\n    const { correctness, feedback, classes } = this.props;\n\n    function chooseFeedback(correctness) {\n      if (correctness && feedback) {\n        return (\n          <CSSTransition\n            classNames={{\n              enter: classes.feedbackEnter,\n              enterActive: classes.feedbackEnterActive,\n              leave: classes.feedbackLeave,\n              leaveActive: classes.feedbackLeaveActive,\n            }}\n            key=\"hasFeedback\"\n            timeout={{ enter: 500, exit: 300 }}\n          >\n            <div className={classes.corespringFeedback}>\n              <div\n                className={classNames(classes.content, classes[correctness])}\n                dangerouslySetInnerHTML={{ __html: feedback }}\n              />\n            </div>\n          </CSSTransition>\n        );\n      } else {\n        return null;\n      }\n    }\n\n    return (\n      <div>\n        <TransitionGroup>{chooseFeedback(correctness)}</TransitionGroup>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styleSheet, { name: 'Feedback' })(Feedback);\n"],"file":"feedback.js"}
+{"version":3,"sources":["../src/feedback.jsx"],"names":["styleSheet","corespringFeedback","transformOrigin","width","display","overflow","color","content","backgroundColor","disabled","borderRadius","fontFamily","lineHeight","margin","padding","verticalAlign","correct","incorrect","feedbackEnter","height","feedbackEnterActive","transition","feedbackLeave","feedbackLeaveActive","Feedback","props","correctness","feedback","classes","chooseFeedback","enter","enterActive","leave","leaveActive","exit","__html","React","Component","PropTypes","string","object","isRequired","name"],"mappings":"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","sourcesContent":["/**\n * Lifted from multiple-choice - TODO: create a shared package for it.\n */\nimport { withStyles } from '@material-ui/core/styles';\n\nimport React from 'react';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport * as color from './color';\n\nconst styleSheet = {\n  corespringFeedback: {\n    transformOrigin: '0% 0px 0px',\n    width: '100%',\n    display: 'block',\n    overflow: 'hidden',\n    '&:.incorrect': {\n      color: '#946202',\n    },\n  },\n  content: {\n    '-webkit-font-smoothing': 'antialiased',\n    backgroundColor: `var(--feedback-bg-color, ${color.disabled()})`,\n    borderRadius: '4px',\n    fontFamily: '\"Roboto\", \"Noto\", sans-serif',\n    lineHeight: '25px',\n    margin: '0px',\n    padding: '10px',\n    verticalAlign: 'middle',\n    color: 'var(--feedback-color, white)',\n  },\n  correct: {\n    backgroundColor: `var(--feedback-correct-bg-color, ${color.correct()})`,\n  },\n  incorrect: {\n    backgroundColor: `var(--feedback-incorrect-bg-color, ${color.incorrect()})`,\n  },\n  feedbackEnter: {\n    height: '1px',\n  },\n  feedbackEnterActive: {\n    height: '45px',\n    transition: 'height 500ms',\n  },\n  feedbackLeave: {\n    height: '45px',\n  },\n  feedbackLeaveActive: {\n    height: '1px',\n    transition: 'height 200ms',\n  },\n};\n\nexport class Feedback extends React.Component {\n  static propTypes = {\n    correctness: PropTypes.string,\n    feedback: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n  };\n\n  render() {\n    const { correctness, feedback, classes } = this.props;\n\n    function chooseFeedback(correctness) {\n      if (correctness && feedback) {\n        return (\n          <CSSTransition\n            classNames={{\n              enter: classes.feedbackEnter,\n              enterActive: classes.feedbackEnterActive,\n              leave: classes.feedbackLeave,\n              leaveActive: classes.feedbackLeaveActive,\n            }}\n            key=\"hasFeedback\"\n            timeout={{ enter: 500, exit: 300 }}\n          >\n            <div className={classes.corespringFeedback}>\n              <div\n                className={classNames(classes.content, classes[correctness])}\n                dangerouslySetInnerHTML={{ __html: feedback }}\n              />\n            </div>\n          </CSSTransition>\n        );\n      } else {\n        return null;\n      }\n    }\n\n    return (\n      <div>\n        <TransitionGroup>{chooseFeedback(correctness)}</TransitionGroup>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(styleSheet, { name: 'Feedback' })(Feedback);\n"],"file":"feedback.js"}

package/lib/has-media.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasMedia = void 0;
+var parser;
+
+if (typeof window !== 'undefined') {
+  parser = new DOMParser();
+}
+/*
+ * Check if the string contains at least one media element.
+ */
+
+
+var hasMedia = function hasMedia(s) {
+  if (!s) {
+    return false;
+  }
+
+  var root = parser.parseFromString(s, 'text/html');
+  return !!root.body.querySelector('img') || !!root.body.querySelector('video') || !!root.body.querySelector('audio');
+};
+
+exports.hasMedia = hasMedia;
+//# sourceMappingURL=has-media.js.map

package/lib/has-media.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/has-media.js"],"names":["parser","window","DOMParser","hasMedia","s","root","parseFromString","body","querySelector"],"mappings":";;;;;;AAAA,IAAIA,MAAJ;;AAEA,IAAI,OAAOC,MAAP,KAAkB,WAAtB,EAAmC;AACjCD,EAAAA,MAAM,GAAG,IAAIE,SAAJ,EAAT;AACD;AAED;AACA;AACA;;;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,CAAD,EAAO;AAC7B,MAAI,CAACA,CAAL,EAAQ;AACN,WAAO,KAAP;AACD;;AACD,MAAMC,IAAI,GAAGL,MAAM,CAACM,eAAP,CAAuBF,CAAvB,EAA0B,WAA1B,CAAb;AACA,SAAO,CAAC,CAACC,IAAI,CAACE,IAAL,CAAUC,aAAV,CAAwB,KAAxB,CAAF,IAAoC,CAAC,CAACH,IAAI,CAACE,IAAL,CAAUC,aAAV,CAAwB,OAAxB,CAAtC,IAA0E,CAAC,CAACH,IAAI,CAACE,IAAL,CAAUC,aAAV,CAAwB,OAAxB,CAAnF;AACD,CANM","sourcesContent":["let parser;\n\nif (typeof window !== 'undefined') {\n  parser = new DOMParser();\n}\n\n/*\n * Check if the string contains at least one media element.\n */\nexport const hasMedia = (s) => {\n  if (!s) {\n    return false;\n  }\n  const root = parser.parseFromString(s, 'text/html');\n  return !!root.body.querySelector('img') || !!root.body.querySelector('video') || !!root.body.querySelector('audio');\n};\n"],"file":"has-media.js"}

package/lib/has-text.js

@@ -4,10 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.hasText = void 0;
-var dp = new DOMParser();
+var parser;
+
+if (typeof window !== 'undefined') {
+  parser = new DOMParser();
+}
 
 var markupToText = function markupToText(s) {
-  var root = dp.parseFromString(s, 'text/html');
+  var root = parser.parseFromString(s, 'text/html');
   return root.body.textContent;
 };
 

package/lib/has-text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/has-text.js"],"names":["dp","DOMParser","markupToText","s","root","parseFromString","body","textContent","hasText","tc","trim"],"mappings":";;;;;;AAAA,IAAMA,EAAE,GAAG,IAAIC,SAAJ,EAAX;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,CAAD,EAAO;AAC1B,MAAMC,IAAI,GAAGJ,EAAE,CAACK,eAAH,CAAmBF,CAAnB,EAAsB,WAAtB,CAAb;AACA,SAAOC,IAAI,CAACE,IAAL,CAAUC,WAAjB;AACD,CAHD;;AAKO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACL,CAAD,EAAO;AAC5B,MAAI,CAACA,CAAL,EAAQ;AACN,WAAO,KAAP;AACD;;AACD,MAAMM,EAAE,GAAGP,YAAY,CAACC,CAAD,CAAvB;AACA,SAAO,CAAC,EAAEM,EAAE,IAAIA,EAAE,CAACC,IAAH,EAAR,CAAR;AACD,CANM","sourcesContent":["const dp = new DOMParser();\n\nconst markupToText = (s) => {\n  const root = dp.parseFromString(s, 'text/html');\n  return root.body.textContent;\n};\n\nexport const hasText = (s) => {\n  if (!s) {\n    return false;\n  }\n  const tc = markupToText(s);\n  return !!(tc && tc.trim());\n};\n"],"file":"has-text.js"}
+{"version":3,"sources":["../src/has-text.js"],"names":["parser","window","DOMParser","markupToText","s","root","parseFromString","body","textContent","hasText","tc","trim"],"mappings":";;;;;;AAAA,IAAIA,MAAJ;;AAEA,IAAI,OAAOC,MAAP,KAAkB,WAAtB,EAAmC;AACjCD,EAAAA,MAAM,GAAG,IAAIE,SAAJ,EAAT;AACD;;AAED,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,CAAD,EAAO;AAC1B,MAAMC,IAAI,GAAGL,MAAM,CAACM,eAAP,CAAuBF,CAAvB,EAA0B,WAA1B,CAAb;AACA,SAAOC,IAAI,CAACE,IAAL,CAAUC,WAAjB;AACD,CAHD;;AAKO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACL,CAAD,EAAO;AAC5B,MAAI,CAACA,CAAL,EAAQ;AACN,WAAO,KAAP;AACD;;AACD,MAAMM,EAAE,GAAGP,YAAY,CAACC,CAAD,CAAvB;AACA,SAAO,CAAC,EAAEM,EAAE,IAAIA,EAAE,CAACC,IAAH,EAAR,CAAR;AACD,CANM","sourcesContent":["let parser;\n\nif (typeof window !== 'undefined') {\n  parser = new DOMParser();\n}\n\nconst markupToText = (s) => {\n  const root = parser.parseFromString(s, 'text/html');\n  return root.body.textContent;\n};\n\nexport const hasText = (s) => {\n  if (!s) {\n    return false;\n  }\n  const tc = markupToText(s);\n  return !!(tc && tc.trim());\n};\n"],"file":"has-text.js"}

package/lib/html-and-math.js

@@ -21,8 +21,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
-var _mathRendering = require("@pie-lib/math-rendering");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
@@ -40,20 +38,6 @@ var HtmlAndMath = /*#__PURE__*/function (_React$Component) {
   }
 
   (0, _createClass2["default"])(HtmlAndMath, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.node) {
-        (0, _mathRendering.renderMath)(this.node);
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      if (this.node) {
-        (0, _mathRendering.renderMath)(this.node);
-      }
-    }
-  }, {
     key: "render",
     value: function render() {
       var _this = this;

package/lib/html-and-math.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/html-and-math.js"],"names":["HtmlAndMath","node","props","tag","className","html","Tag","r","__html","React","Component","PropTypes","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;IAEqBA,W;;;;;;;;;;;;WAYnB,6BAAoB;AAClB,UAAI,KAAKC,IAAT,EAAe;AACb,uCAAW,KAAKA,IAAhB;AACD;AACF;;;WAED,8BAAqB;AACnB,UAAI,KAAKA,IAAT,EAAe;AACb,uCAAW,KAAKA,IAAhB;AACD;AACF;;;WAED,kBAAS;AAAA;;AACP,wBAAiC,KAAKC,KAAtC;AAAA,UAAQC,GAAR,eAAQA,GAAR;AAAA,UAAaC,SAAb,eAAaA,SAAb;AAAA,UAAwBC,IAAxB,eAAwBA,IAAxB;AACA,UAAMC,GAAG,GAAGH,GAAG,IAAI,KAAnB;AACA,0BAAO,gCAAC,GAAD;AAAK,QAAA,GAAG,EAAE,aAACI,CAAD;AAAA,iBAAQ,KAAI,CAACN,IAAL,GAAYM,CAApB;AAAA,SAAV;AAAkC,QAAA,SAAS,EAAEH,SAA7C;AAAwD,QAAA,uBAAuB,EAAE;AAAEI,UAAAA,MAAM,EAAEH;AAAV;AAAjF,QAAP;AACD;;;EA5BsCI,kBAAMC,S;;;iCAA1BV,W,eACA;AACjBG,EAAAA,GAAG,EAAEQ,sBAAUC,MADE;AAEjBR,EAAAA,SAAS,EAAEO,sBAAUC,MAFJ;AAGjBP,EAAAA,IAAI,EAAEM,sBAAUC;AAHC,C;iCADAZ,W,kBAOG;AACpBG,EAAAA,GAAG,EAAE,KADe;AAEpBE,EAAAA,IAAI,EAAE;AAFc,C","sourcesContent":["import React from 'react';\nimport { renderMath } from '@pie-lib/math-rendering';\nimport PropTypes from 'prop-types';\n\nexport default class HtmlAndMath extends React.Component {\n  static propTypes = {\n    tag: PropTypes.string,\n    className: PropTypes.string,\n    html: PropTypes.string,\n  };\n\n  static defaultProps = {\n    tag: 'div',\n    html: '',\n  };\n\n  componentDidMount() {\n    if (this.node) {\n      renderMath(this.node);\n    }\n  }\n\n  componentDidUpdate() {\n    if (this.node) {\n      renderMath(this.node);\n    }\n  }\n\n  render() {\n    const { tag, className, html } = this.props;\n    const Tag = tag || 'div';\n    return <Tag ref={(r) => (this.node = r)} className={className} dangerouslySetInnerHTML={{ __html: html }} />;\n  }\n}\n"],"file":"html-and-math.js"}
+{"version":3,"sources":["../src/html-and-math.js"],"names":["HtmlAndMath","props","tag","className","html","Tag","r","node","__html","React","Component","PropTypes","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;IAEqBA,W;;;;;;;;;;;;WAYnB,kBAAS;AAAA;;AACP,wBAAiC,KAAKC,KAAtC;AAAA,UAAQC,GAAR,eAAQA,GAAR;AAAA,UAAaC,SAAb,eAAaA,SAAb;AAAA,UAAwBC,IAAxB,eAAwBA,IAAxB;AACA,UAAMC,GAAG,GAAGH,GAAG,IAAI,KAAnB;AACA,0BAAO,gCAAC,GAAD;AAAK,QAAA,GAAG,EAAE,aAACI,CAAD;AAAA,iBAAQ,KAAI,CAACC,IAAL,GAAYD,CAApB;AAAA,SAAV;AAAkC,QAAA,SAAS,EAAEH,SAA7C;AAAwD,QAAA,uBAAuB,EAAE;AAAEK,UAAAA,MAAM,EAAEJ;AAAV;AAAjF,QAAP;AACD;;;EAhBsCK,kBAAMC,S;;;iCAA1BV,W,eACA;AACjBE,EAAAA,GAAG,EAAES,sBAAUC,MADE;AAEjBT,EAAAA,SAAS,EAAEQ,sBAAUC,MAFJ;AAGjBR,EAAAA,IAAI,EAAEO,sBAAUC;AAHC,C;iCADAZ,W,kBAOG;AACpBE,EAAAA,GAAG,EAAE,KADe;AAEpBE,EAAAA,IAAI,EAAE;AAFc,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nexport default class HtmlAndMath extends React.Component {\n  static propTypes = {\n    tag: PropTypes.string,\n    className: PropTypes.string,\n    html: PropTypes.string,\n  };\n\n  static defaultProps = {\n    tag: 'div',\n    html: '',\n  };\n\n  render() {\n    const { tag, className, html } = this.props;\n    const Tag = tag || 'div';\n    return <Tag ref={(r) => (this.node = r)} className={className} dangerouslySetInnerHTML={{ __html: html }} />;\n  }\n}\n"],"file":"html-and-math.js"}

package/lib/index.js

@@ -7,12 +7,24 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AppendCSSRules", {
+  enumerable: true,
+  get: function get() {
+    return _appendCssRules["default"];
+  }
+});
 Object.defineProperty(exports, "Collapsible", {
   enumerable: true,
   get: function get() {
     return _collapsible["default"];
   }
 });
+Object.defineProperty(exports, "EnableAudioAutoplayImage", {
+  enumerable: true,
+  get: function get() {
+    return _enableAudioAutoplayImage["default"];
+  }
+});
 Object.defineProperty(exports, "Feedback", {
   enumerable: true,
   get: function get() {
@@ -55,7 +67,19 @@ Object.defineProperty(exports, "Readable", {
     return _readable["default"];
   }
 });
+Object.defineProperty(exports, "UiLayout", {
+  enumerable: true,
+  get: function get() {
+    return _uiLayout["default"];
+  }
+});
 exports.color = void 0;
+Object.defineProperty(exports, "hasMedia", {
+  enumerable: true,
+  get: function get() {
+    return _hasMedia.hasMedia;
+  }
+});
 Object.defineProperty(exports, "hasText", {
   enumerable: true,
   get: function get() {
@@ -82,6 +106,8 @@ var _withUndoReset = _interopRequireDefault(require("./withUndoReset"));
 
 var _previewLayout = _interopRequireDefault(require("./preview-layout"));
 
+var _uiLayout = _interopRequireDefault(require("./ui-layout"));
+
 var _htmlAndMath = _interopRequireDefault(require("./html-and-math"));
 
 var _inputContainer = _interopRequireDefault(require("./input-container"));
@@ -98,6 +124,12 @@ exports.color = color;
 
 var _hasText = require("./has-text");
 
+var _hasMedia = require("./has-media");
+
+var _enableAudioAutoplayImage = _interopRequireDefault(require("./assets/enableAudioAutoplayImage"));
+
+var _appendCssRules = _interopRequireDefault(require("./append-css-rules"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AACA","sourcesContent":["import * as indicators from './response-indicators';\nimport Feedback from './feedback';\nimport Collapsible from './collapsible';\nimport withUndoReset from './withUndoReset';\nimport PreviewLayout from './preview-layout';\nimport HtmlAndMath from './html-and-math';\nimport InputContainer from './input-container';\nimport PreviewPrompt from './preview-prompt';\nimport Readable from './readable';\nimport Purpose from './purpose';\nimport * as color from './color';\nimport { hasText } from './has-text';\n\nexport {\n  HtmlAndMath,\n  indicators,\n  withUndoReset,\n  Feedback,\n  PreviewLayout,\n  Collapsible,\n  InputContainer,\n  PreviewPrompt,\n  color,\n  Readable,\n  Purpose,\n  hasText,\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import * as indicators from './response-indicators';\nimport Feedback from './feedback';\nimport Collapsible from './collapsible';\nimport withUndoReset from './withUndoReset';\nimport PreviewLayout from './preview-layout';\nimport UiLayout from './ui-layout';\nimport HtmlAndMath from './html-and-math';\nimport InputContainer from './input-container';\nimport PreviewPrompt from './preview-prompt';\nimport Readable from './readable';\nimport Purpose from './purpose';\nimport * as color from './color';\nimport { hasText } from './has-text';\nimport { hasMedia } from './has-media';\nimport EnableAudioAutoplayImage from './assets/enableAudioAutoplayImage';\nimport AppendCSSRules from './append-css-rules';\n\nexport {\n  AppendCSSRules,\n  HtmlAndMath,\n  indicators,\n  withUndoReset,\n  Feedback,\n  UiLayout,\n  PreviewLayout,\n  Collapsible,\n  InputContainer,\n  PreviewPrompt,\n  color,\n  Readable,\n  Purpose,\n  hasText,\n  hasMedia,\n  EnableAudioAutoplayImage,\n};\n"],"file":"index.js"}

package/lib/preview-layout.js

@@ -27,6 +27,8 @@ var _styles = require("@material-ui/core/styles");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _uiLayout = _interopRequireDefault(require("./ui-layout"));
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -48,14 +50,19 @@ var PreviewLayout = /*#__PURE__*/function (_React$Component) {
           children = _this$props.children,
           classes = _this$props.classes,
           ariaLabel = _this$props.ariaLabel,
-          role = _this$props.role;
+          role = _this$props.role,
+          extraCSSRules = _this$props.extraCSSRules,
+          fontSizeFactor = _this$props.fontSizeFactor;
       var accessibility = ariaLabel ? {
         'aria-label': ariaLabel,
         role: role
       } : {};
-      return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+      return /*#__PURE__*/_react["default"].createElement(_uiLayout["default"], (0, _extends2["default"])({
         className: classes.container
-      }, accessibility), children);
+      }, accessibility, {
+        extraCSSRules: extraCSSRules,
+        fontSizeFactor: fontSizeFactor
+      }), children);
     }
   }]);
   return PreviewLayout;
@@ -65,7 +72,12 @@ var PreviewLayout = /*#__PURE__*/function (_React$Component) {
   ariaLabel: _propTypes["default"].string,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
   classes: _propTypes["default"].object,
-  role: _propTypes["default"].string
+  role: _propTypes["default"].string,
+  extraCSSRules: _propTypes["default"].shape({
+    names: _propTypes["default"].arrayOf(_propTypes["default"].string),
+    rules: _propTypes["default"].string
+  }),
+  fontSizeFactor: _propTypes["default"].number
 });
 
 var styles = function styles() {

package/lib/preview-layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/preview-layout.jsx"],"names":["PreviewLayout","props","children","classes","ariaLabel","role","accessibility","container","React","Component","PropTypes","string","oneOfType","arrayOf","node","isRequired","object","styles","display","flexDirection","position","theme","typography","useNextVariants","palette","action","disabled","overrides","MuiRadio","root","color","MuiCheckbox","MuiTabs","borderBottom","MuiSwitch","backgroundColor","opacity","Styled","RootElem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;IAEMA,a;;;;;;;;;;;;WAQJ,kBAAS;AACP,wBAA+C,KAAKC,KAApD;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,OAAlB,eAAkBA,OAAlB;AAAA,UAA2BC,SAA3B,eAA2BA,SAA3B;AAAA,UAAsCC,IAAtC,eAAsCA,IAAtC;AACA,UAAMC,aAAa,GAAGF,SAAS,GAAG;AAAE,sBAAcA,SAAhB;AAA2BC,QAAAA,IAAI,EAAJA;AAA3B,OAAH,GAAuC,EAAtE;AAEA,0BACE;AAAK,QAAA,SAAS,EAAEF,OAAO,CAACI;AAAxB,SAAuCD,aAAvC,GACGJ,QADH,CADF;AAKD;;;EAjByBM,kBAAMC,S;;iCAA5BT,a,eACe;AACjBI,EAAAA,SAAS,EAAEM,sBAAUC,MADJ;AAEjBT,EAAAA,QAAQ,EAAEQ,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,OAAV,CAAkBH,sBAAUI,IAA5B,CAAD,EAAoCJ,sBAAUI,IAA9C,CAApB,EAAyEC,UAFlE;AAGjBZ,EAAAA,OAAO,EAAEO,sBAAUM,MAHF;AAIjBX,EAAAA,IAAI,EAAEK,sBAAUC;AAJC,C;;AAmBrB,IAAMM,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBV,IAAAA,SAAS,EAAE;AACTW,MAAAA,OAAO,EAAE,MADA;AAETC,MAAAA,aAAa,EAAE,QAFN;AAGTC,MAAAA,QAAQ,EAAE;AAHD;AADS,GAAP;AAAA,CAAf;;AAQA,IAAMC,KAAK,GAAG,4BAAe;AAC3BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,eAAe,EAAE;AADP,GADe;AAI3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,EAAE;AACNC,MAAAA,QAAQ,EAAE;AADJ;AADD,GAJkB;AAS3BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAE;AACJ,qBAAa;AACXC,UAAAA,KAAK,EAAE;AADI;AADT;AADE,KADD;AAQTC,IAAAA,WAAW,EAAE;AACXF,MAAAA,IAAI,EAAE;AACJ,qBAAa;AACXC,UAAAA,KAAK,EAAE;AADI;AADT;AADK,KARJ;AAeTE,IAAAA,OAAO,EAAE;AACPH,MAAAA,IAAI,EAAE;AACJI,QAAAA,YAAY,EAAE;AADV;AADC,KAfA;AAoBTC,IAAAA,SAAS,EAAE;AACTL,MAAAA,IAAI,EAAE;AACJ,qBAAa;AACXC,UAAAA,KAAK,EAAE,oBADI;AAEX,sBAAY;AACVK,YAAAA,eAAe,EAAE,oBADP;AAEVC,YAAAA,OAAO,EAAE;AAFC;AAFD;AADT;AADG;AApBF;AATgB,CAAf,CAAd;AA2CA,IAAMC,MAAM,GAAG,wBAAWpB,MAAX,EAAmBjB,aAAnB,CAAf;;AAEA,IAAMsC,QAAQ,GAAG,SAAXA,QAAW,CAACrC,KAAD;AAAA,sBACf,gCAAC,wBAAD;AAAkB,IAAA,KAAK,EAAEoB;AAAzB,kBACE,gCAAC,MAAD,EAAYpB,KAAZ,CADF,CADe;AAAA,CAAjB;;eAMeqC,Q","sourcesContent":["import React from 'react';\nimport { withStyles, createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nclass PreviewLayout extends React.Component {\n  static propTypes = {\n    ariaLabel: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    classes: PropTypes.object,\n    role: PropTypes.string,\n  };\n\n  render() {\n    const { children, classes, ariaLabel, role } = this.props;\n    const accessibility = ariaLabel ? { 'aria-label': ariaLabel, role } : {};\n\n    return (\n      <div className={classes.container} {...accessibility}>\n        {children}\n      </div>\n    );\n  }\n}\n\nconst styles = () => ({\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n  },\n});\n\nconst theme = createMuiTheme({\n  typography: {\n    useNextVariants: true,\n  },\n  palette: {\n    action: {\n      disabled: 'rgba(0, 0, 0, 0.54);',\n    },\n  },\n  overrides: {\n    MuiRadio: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n        },\n      },\n    },\n    MuiCheckbox: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n        },\n      },\n    },\n    MuiTabs: {\n      root: {\n        borderBottom: '1px solid #eee',\n      },\n    },\n    MuiSwitch: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n          '& + $bar': {\n            backgroundColor: '#3f51b5 !important',\n            opacity: 0.5,\n          },\n        },\n      },\n    },\n  },\n});\n\nconst Styled = withStyles(styles)(PreviewLayout);\n\nconst RootElem = (props) => (\n  <MuiThemeProvider theme={theme}>\n    <Styled {...props} />\n  </MuiThemeProvider>\n);\n\nexport default RootElem;\n"],"file":"preview-layout.js"}
+{"version":3,"sources":["../src/preview-layout.jsx"],"names":["PreviewLayout","props","children","classes","ariaLabel","role","extraCSSRules","fontSizeFactor","accessibility","container","React","Component","PropTypes","string","oneOfType","arrayOf","node","isRequired","object","shape","names","rules","number","styles","display","flexDirection","position","theme","typography","useNextVariants","palette","action","disabled","overrides","MuiRadio","root","color","MuiCheckbox","MuiTabs","borderBottom","MuiSwitch","backgroundColor","opacity","Styled","RootElem"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { withStyles, createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport UiLayout from './ui-layout';\n\nclass PreviewLayout extends React.Component {\n  static propTypes = {\n    ariaLabel: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    classes: PropTypes.object,\n    role: PropTypes.string,\n    extraCSSRules: PropTypes.shape({\n      names: PropTypes.arrayOf(PropTypes.string),\n      rules: PropTypes.string,\n    }),\n    fontSizeFactor: PropTypes.number,\n  };\n\n  render() {\n    const { children, classes, ariaLabel, role, extraCSSRules, fontSizeFactor } = this.props;\n    const accessibility = ariaLabel ? { 'aria-label': ariaLabel, role } : {};\n\n    return (\n      <UiLayout\n        className={classes.container}\n        {...accessibility}\n        extraCSSRules={extraCSSRules}\n        fontSizeFactor={fontSizeFactor}\n      >\n        {children}\n      </UiLayout>\n    );\n  }\n}\n\nconst styles = () => ({\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n  },\n});\n\nconst theme = createMuiTheme({\n  typography: {\n    useNextVariants: true,\n  },\n  palette: {\n    action: {\n      disabled: 'rgba(0, 0, 0, 0.54);',\n    },\n  },\n  overrides: {\n    MuiRadio: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n        },\n      },\n    },\n    MuiCheckbox: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n        },\n      },\n    },\n    MuiTabs: {\n      root: {\n        borderBottom: '1px solid #eee',\n      },\n    },\n    MuiSwitch: {\n      root: {\n        '&$checked': {\n          color: '#3f51b5 !important',\n          '& + $bar': {\n            backgroundColor: '#3f51b5 !important',\n            opacity: 0.5,\n          },\n        },\n      },\n    },\n  },\n});\n\nconst Styled = withStyles(styles)(PreviewLayout);\n\nconst RootElem = (props) => (\n  <MuiThemeProvider theme={theme}>\n    <Styled {...props} />\n  </MuiThemeProvider>\n);\n\nexport default RootElem;\n"],"file":"preview-layout.js"}