@pie-lib/render-ui 4.15.10-next.1 → 4.16.0-beta.1

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.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.disabledSecondary = exports.disabled = exports.defaults = exports.correctWithIcon = exports.correctSecondary = exports.correct = exports.borderLight = exports.borderDark = exports.border = exports.black = exports.backgroundDark = exports.background = void 0;
 
 var _green = _interopRequireDefault(require("@material-ui/core/colors/green"));
 
@@ -20,19 +20,38 @@ 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_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',
+  // 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',
+  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'
 };
 exports.defaults = defaults;
 Object.freeze(defaults);
@@ -65,6 +84,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 +102,24 @@ var correctSecondary = function correctSecondary() {
 
 exports.correctSecondary = correctSecondary;
 
+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 +132,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);
 };
@@ -149,9 +192,87 @@ 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 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 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;
 //# 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":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEO,IAAMA,QAAQ,GAAG;AACtBC,EAAAA,IAAI,EAAE,OADgB;AAEtBC,EAAAA,QAAQ,EAAE,MAFY;AAGtBC,EAAAA,OAAO,EAAEC,kBAAM,GAAN,CAHa;AAItBC,EAAAA,iBAAiB,EAAED,kBAAM,EAAN,CAJG;AAKtBE,EAAAA,SAAS,EAAEC,mBAAO,GAAP,CALW;AAMtBC,EAAAA,mBAAmB,EAAEC,gBAAI,EAAJ,CANC;AAOtBC,EAAAA,OAAO,EAAED,gBAAI,GAAJ,CAPa;AAQtBE,EAAAA,OAAO,EAAEC,mBAAO,GAAP,CARa;AAStBC,EAAAA,aAAa,EAAED,mBAAO,GAAP,CATO;AAUtBE,EAAAA,YAAY,EAAEF,mBAAO,GAAP,CAVQ;AAWtBG,EAAAA,SAAS,EAAEC,iBAAKC,IAXM;AAYtBC,EAAAA,eAAe,EAAEF,iBAAK,GAAL,CAZK;AAatBG,EAAAA,cAAc,EAAEH,iBAAK,GAAL,CAbM;AActBI,EAAAA,UAAU,EAAE,qBAdU;AAetBC,EAAAA,oBAAoB,EAAE;AAfA,CAAjB;;AAkBPC,MAAM,CAACC,MAAP,CAAcvB,QAAd;;AAEO,IAAMwB,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,EAAS/B,QAAQ,CAACC,IAAlB,CAAR;AAAA,CAAb;;;;AACA,IAAMgC,QAAQ,GAAG,SAAXA,QAAW;AAAA,SAAMF,EAAE,CAAC,UAAD,EAAa/B,QAAQ,CAACE,QAAtB,CAAR;AAAA,CAAjB;;;;AACA,IAAMgC,OAAO,GAAG,SAAVA,OAAU;AAAA,SAAMH,EAAE,CAAC,SAAD,EAAY/B,QAAQ,CAACG,OAArB,CAAR;AAAA,CAAhB;;;;AACA,IAAMgC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAMJ,EAAE,CAAC,mBAAD,EAAsB/B,QAAQ,CAACK,iBAA/B,CAAR;AAAA,CAAzB;;;;AACA,IAAM+B,SAAS,GAAG,SAAZA,SAAY;AAAA,SAAML,EAAE,CAAC,WAAD,EAAc/B,QAAQ,CAACM,SAAvB,CAAR;AAAA,CAAlB;;;;AACA,IAAM+B,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAMN,EAAE,CAAC,qBAAD,EAAwB/B,QAAQ,CAACQ,mBAAjC,CAAR;AAAA,CAA3B;;;;AACA,IAAM8B,OAAO,GAAG,SAAVA,OAAU;AAAA,SAAMP,EAAE,CAAC,SAAD,EAAY/B,QAAQ,CAACU,OAArB,CAAR;AAAA,CAAhB;;;;AAEA,IAAM6B,OAAO,GAAG,SAAVA,OAAU;AAAA,SAAMR,EAAE,CAAC,SAAD,EAAY/B,QAAQ,CAACW,OAArB,CAAR;AAAA,CAAhB;;;;AACA,IAAM6B,YAAY,GAAG,SAAfA,YAAe;AAAA,SAAMT,EAAE,CAAC,eAAD,EAAkB/B,QAAQ,CAACa,aAA3B,CAAR;AAAA,CAArB;;;;AACA,IAAM4B,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAMV,EAAE,CAAC,cAAD,EAAiB/B,QAAQ,CAACc,YAA1B,CAAR;AAAA,CAApB;;;;AACA,IAAM4B,WAAW,GAAG,SAAdA,WAAc;AAAA,SAAMX,EAAE,CAAC,cAAD,EAAiB,MAAjB,EAAyB/B,QAAQ,CAACC,IAAlC,CAAR;AAAA,CAApB;;;;AAEA,IAAM0C,SAAS,GAAG,SAAZA,SAAY;AAAA,SAAMZ,EAAE,CAAC,WAAD,EAAc/B,QAAQ,CAACe,SAAvB,CAAR;AAAA,CAAlB;;;;AACA,IAAM6B,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAAMb,EAAE,CAAC,iBAAD,EAAoB/B,QAAQ,CAACkB,eAA7B,CAAR;AAAA,CAAvB;;;;AACA,IAAM2B,aAAa,GAAG,SAAhBA,aAAgB;AAAA,SAAMd,EAAE,CAAC,gBAAD,EAAmB/B,QAAQ,CAACmB,cAA5B,CAAR;AAAA,CAAtB;;;;AAEA,IAAM2B,aAAa,GAAG,SAAhBA,aAAgB;AAAA,SAAMf,EAAE,CAAC,gBAAD,EAAmB,MAAnB,EAA2B/B,QAAQ,CAACC,IAApC,CAAR;AAAA,CAAtB;;;;AACA,IAAM8C,UAAU,GAAG,SAAbA,UAAa;AAAA,SAAMhB,EAAE,CAAC,YAAD,EAAe/B,QAAQ,CAACoB,UAAxB,CAAR;AAAA,CAAnB;;;;AACA,IAAM4B,mBAAmB,GAAG,SAAtBA,mBAAsB;AAAA,SAAMjB,EAAE,CAAC,sBAAD,EAAyB/B,QAAQ,CAACqB,oBAAlC,CAAR;AAAA,CAA5B","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_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","SECONDARY_BACKGROUND","BORDER","BORDER_LIGHT","BORDER_DARK","BLACK","WHITE","TRANSPARENT","FOCUS_CHECKED","FOCUS_CHECKED_BORDER","FOCUS_UNCHECKED","FOCUS_UNCHECKED_BORDER","Object","freeze","v","prefix","args","fallback","pop","reduceRight","acc","pv","text","disabled","disabledSecondary","correct","correctSecondary","correctWithIcon","incorrect","incorrectWithIcon","incorrectSecondary","missing","missingWithIcon","primary","primaryLight","primaryDark","primaryText","secondary","secondaryLight","secondaryDark","secondaryText","background","backgroundDark","secondaryBackground","tertiary","tertiaryLight","border","borderLight","borderDark","black","white","transparent","focusChecked","focusCheckedBorder","focusUnchecked","focusUncheckedBorder"],"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  DISABLED_SECONDARY: '#ABABAB',\n  CORRECT: green[500],\n  CORRECT_SECONDARY: green[50],\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  // 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  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};\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 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);\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);\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);\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"],"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 = dp.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","dp","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,GAAGC,EAAE,CAACC,eAAH,CAAmBH,CAAnB,EAAsB,WAAtB,CAAb;AACA,SAAO,CAAC,CAACC,IAAI,CAACG,IAAL,CAAUC,aAAV,CAAwB,KAAxB,CAAF,IAAoC,CAAC,CAACJ,IAAI,CAACG,IAAL,CAAUC,aAAV,CAAwB,OAAxB,CAAtC,IAA0E,CAAC,CAACJ,IAAI,CAACG,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 = dp.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,7 +4,11 @@ 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');

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","dp","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,GAAGC,EAAE,CAACC,eAAH,CAAmBH,CAAnB,EAAsB,WAAtB,CAAb;AACA,SAAOC,IAAI,CAACG,IAAL,CAAUC,WAAjB;AACD,CAHD;;AAKO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACN,CAAD,EAAO;AAC5B,MAAI,CAACA,CAAL,EAAQ;AACN,WAAO,KAAP;AACD;;AACD,MAAMO,EAAE,GAAGR,YAAY,CAACC,CAAD,CAAvB;AACA,SAAO,CAAC,EAAEO,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 = 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"}

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"}