@pie-element/rubric 6.1.0 → 6.2.0-mui-update.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/configure/CHANGELOG.md +11 -0
  3. package/configure/lib/__tests__/index.test.js +174 -0
  4. package/configure/lib/defaults.js +3 -4
  5. package/configure/lib/defaults.js.map +1 -1
  6. package/configure/lib/index.js +91 -153
  7. package/configure/lib/index.js.map +1 -1
  8. package/configure/lib/main.js +91 -150
  9. package/configure/lib/main.js.map +1 -1
  10. package/configure/package.json +10 -7
  11. package/configure/src/index.js +12 -2
  12. package/configure/src/main.jsx +11 -13
  13. package/controller/CHANGELOG.md +8 -0
  14. package/controller/lib/__tests__/index.test.js +39 -0
  15. package/controller/lib/defaults.js +3 -4
  16. package/controller/lib/defaults.js.map +1 -1
  17. package/controller/lib/index.js +16 -29
  18. package/controller/lib/index.js.map +1 -1
  19. package/controller/package.json +1 -1
  20. package/docs/demo/pie.manifest.json +11 -0
  21. package/lib/__tests__/rubric-view.test.js +49 -0
  22. package/lib/index.js +39 -81
  23. package/lib/index.js.map +1 -1
  24. package/lib/main.js +185 -245
  25. package/lib/main.js.map +1 -1
  26. package/lib/print.js +42 -85
  27. package/lib/print.js.map +1 -1
  28. package/package.json +8 -5
  29. package/src/__tests__/__snapshots__/rubric-view.test.jsx.snap +2350 -1524
  30. package/src/index.js +14 -3
  31. package/src/main.jsx +100 -93
  32. package/src/print.js +13 -2
  33. package/LICENSE.md +0 -5
  34. package/configure/lib/pie-toolbox-rubric/authoring.js +0 -573
  35. package/configure/lib/pie-toolbox-rubric/authoring.js.map +0 -1
  36. package/configure/lib/pie-toolbox-rubric/index.js +0 -24
  37. package/configure/lib/pie-toolbox-rubric/index.js.map +0 -1
  38. package/configure/lib/pie-toolbox-rubric/point-menu.js +0 -172
  39. package/configure/lib/pie-toolbox-rubric/point-menu.js.map +0 -1
  40. package/configure/src/pie-toolbox-rubric/authoring.jsx +0 -449
  41. package/configure/src/pie-toolbox-rubric/index.js +0 -9
  42. package/configure/src/pie-toolbox-rubric/point-menu.jsx +0 -94
@@ -65,842 +65,1255 @@ exports[`rubric viewer expanded snapshot renders 1`] = `
65
65
  extraCSSRules={Object {}}
66
66
  fontSizeFactor={1}
67
67
  >
68
- <div
69
- className="Rubric-root-1 UiLayout-extraCSSRules-9 UiLayout-uiLayoutContainer-10"
70
- >
71
- <h2
72
- className="Rubric-hiddenScreenReader-8"
73
- >
74
- Rubric
75
- </h2>
76
- <h2
77
- aria-expanded={true}
78
- className="Rubric-rubricToggle-6"
79
- id="rubric-toggle"
80
- onClick={[Function]}
81
- onKeyPress={[Function]}
82
- role="button"
83
- tabIndex={0}
84
- >
85
- Hide
86
- Rubric
87
- <span
88
- aria-hidden="true"
89
- className="Rubric-chevronStyle-7"
90
- >
91
- <svg
92
- fill="none"
93
- height="20"
94
- stroke="currentColor"
95
- strokeLinecap="round"
96
- strokeLinejoin="round"
97
- strokeWidth="2"
98
- viewBox="0 0 24 24"
99
- width="20"
100
- >
101
- <polyline
102
- points="18 15 12 9 6 15"
103
- />
104
- </svg>
105
- </span>
106
- </h2>
107
- <WithStyles(Collapse)
108
- in={true}
109
- timeout="auto"
110
- >
111
- <Collapse
112
- classes={
113
- Object {
114
- "container": "MuiCollapse-container-11",
115
- "entered": "MuiCollapse-entered-12",
116
- "wrapper": "MuiCollapse-wrapper-13",
117
- "wrapperInner": "MuiCollapse-wrapperInner-14",
118
- }
119
- }
120
- collapsedHeight="0px"
121
- component="div"
122
- in={true}
123
- theme={
124
- Object {
125
- "breakpoints": Object {
126
- "between": [Function],
127
- "down": [Function],
128
- "keys": Array [
129
- "xs",
130
- "sm",
131
- "md",
132
- "lg",
133
- "xl",
134
- ],
135
- "only": [Function],
136
- "up": [Function],
137
- "values": Object {
138
- "lg": 1280,
139
- "md": 960,
140
- "sm": 600,
141
- "xl": 1920,
142
- "xs": 0,
143
- },
144
- "width": [Function],
68
+ <MuiThemeProviderOld
69
+ theme={
70
+ Object {
71
+ "breakpoints": Object {
72
+ "between": [Function],
73
+ "down": [Function],
74
+ "keys": Array [
75
+ "xs",
76
+ "sm",
77
+ "md",
78
+ "lg",
79
+ "xl",
80
+ ],
81
+ "only": [Function],
82
+ "up": [Function],
83
+ "values": Object {
84
+ "lg": 1280,
85
+ "md": 960,
86
+ "sm": 600,
87
+ "xl": 1920,
88
+ "xs": 0,
89
+ },
90
+ "width": [Function],
91
+ },
92
+ "direction": "ltr",
93
+ "mixins": Object {
94
+ "gutters": [Function],
95
+ "toolbar": Object {
96
+ "@media (min-width:0px) and (orientation: landscape)": Object {
97
+ "minHeight": 48,
145
98
  },
146
- "direction": "ltr",
147
- "mixins": Object {
148
- "gutters": [Function],
149
- "toolbar": Object {
150
- "@media (min-width:0px) and (orientation: landscape)": Object {
151
- "minHeight": 48,
152
- },
153
- "@media (min-width:600px)": Object {
154
- "minHeight": 64,
155
- },
156
- "minHeight": 56,
157
- },
99
+ "@media (min-width:600px)": Object {
100
+ "minHeight": 64,
158
101
  },
159
- "overrides": Object {},
160
- "palette": Object {
161
- "action": Object {
162
- "active": "rgba(0, 0, 0, 0.54)",
163
- "disabled": "rgba(0, 0, 0, 0.26)",
164
- "disabledBackground": "rgba(0, 0, 0, 0.12)",
165
- "hover": "rgba(0, 0, 0, 0.08)",
166
- "hoverOpacity": 0.08,
167
- "selected": "rgba(0, 0, 0, 0.14)",
168
- },
169
- "augmentColor": [Function],
170
- "background": Object {
171
- "default": "#fafafa",
172
- "paper": "#fff",
173
- },
174
- "common": Object {
175
- "black": "#000",
176
- "white": "#fff",
177
- },
178
- "contrastThreshold": 3,
179
- "divider": "rgba(0, 0, 0, 0.12)",
180
- "error": Object {
181
- "contrastText": "#fff",
182
- "dark": "#d32f2f",
183
- "light": "#e57373",
184
- "main": "#f44336",
185
- },
186
- "getContrastText": [Function],
187
- "grey": Object {
188
- "100": "#f5f5f5",
189
- "200": "#eeeeee",
190
- "300": "#e0e0e0",
191
- "400": "#bdbdbd",
192
- "50": "#fafafa",
193
- "500": "#9e9e9e",
194
- "600": "#757575",
195
- "700": "#616161",
196
- "800": "#424242",
197
- "900": "#212121",
198
- "A100": "#d5d5d5",
199
- "A200": "#aaaaaa",
200
- "A400": "#303030",
201
- "A700": "#616161",
102
+ "minHeight": 56,
103
+ },
104
+ },
105
+ "overrides": Object {
106
+ "MuiCheckbox": Object {
107
+ "root": Object {
108
+ "&$checked": Object {
109
+ "color": "#3f51b5 !important",
202
110
  },
203
- "primary": Object {
204
- "contrastText": "#fff",
205
- "dark": "#303f9f",
206
- "light": "#7986cb",
207
- "main": "#3f51b5",
208
- },
209
- "secondary": Object {
210
- "contrastText": "#fff",
211
- "dark": "#c51162",
212
- "light": "#ff4081",
213
- "main": "#f50057",
214
- },
215
- "text": Object {
216
- "disabled": "rgba(0, 0, 0, 0.38)",
217
- "hint": "rgba(0, 0, 0, 0.38)",
218
- "primary": "rgba(0, 0, 0, 0.87)",
219
- "secondary": "rgba(0, 0, 0, 0.54)",
111
+ },
112
+ },
113
+ "MuiRadio": Object {
114
+ "root": Object {
115
+ "&$checked": Object {
116
+ "color": "#3f51b5 !important",
220
117
  },
221
- "tonalOffset": 0.2,
222
- "type": "light",
223
118
  },
224
- "props": Object {},
225
- "shadows": Array [
226
- "none",
227
- "0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12)",
228
- "0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12)",
229
- "0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)",
230
- "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
231
- "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
232
- "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
233
- "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
234
- "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
235
- "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
236
- "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
237
- "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
238
- "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
239
- "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
240
- "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
241
- "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
242
- "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
243
- "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
244
- "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
245
- "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
246
- "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
247
- "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
248
- "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
249
- "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
250
- "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
251
- ],
252
- "shape": Object {
253
- "borderRadius": 4,
119
+ },
120
+ "MuiSwitch": Object {
121
+ "root": Object {
122
+ "&$checked": Object {
123
+ "& + $bar": Object {
124
+ "backgroundColor": "#3f51b5 !important",
125
+ "opacity": 0.5,
126
+ },
127
+ "color": "#3f51b5 !important",
128
+ },
254
129
  },
255
- "spacing": Object {
256
- "unit": 8,
130
+ },
131
+ "MuiTabs": Object {
132
+ "root": Object {
133
+ "borderBottom": "1px solid #eee",
257
134
  },
258
- "transitions": Object {
259
- "create": [Function],
260
- "duration": Object {
261
- "complex": 375,
262
- "enteringScreen": 225,
263
- "leavingScreen": 195,
264
- "short": 250,
265
- "shorter": 200,
266
- "shortest": 150,
267
- "standard": 300,
268
- },
269
- "easing": Object {
270
- "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
271
- "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
272
- "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
273
- "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
274
- },
275
- "getAutoHeightDuration": [Function],
135
+ },
136
+ "MuiTypography": Object {
137
+ "root": Object {
138
+ "fontFamily": "inherit",
276
139
  },
277
- "typography": Object {
278
- "body1": Object {
279
- "color": "rgba(0, 0, 0, 0.87)",
280
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
281
- "fontSize": "0.875rem",
282
- "fontWeight": 400,
283
- "lineHeight": "1.46429em",
284
- },
285
- "body1Next": Object {
286
- "color": "rgba(0, 0, 0, 0.87)",
287
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
288
- "fontSize": "1rem",
289
- "fontWeight": 400,
290
- "letterSpacing": "0.00938em",
291
- "lineHeight": 1.5,
292
- },
293
- "body2": Object {
294
- "color": "rgba(0, 0, 0, 0.87)",
295
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
296
- "fontSize": "0.875rem",
297
- "fontWeight": 500,
298
- "lineHeight": "1.71429em",
299
- },
300
- "body2Next": Object {
301
- "color": "rgba(0, 0, 0, 0.87)",
302
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
303
- "fontSize": "0.875rem",
304
- "fontWeight": 400,
305
- "letterSpacing": "0.01071em",
306
- "lineHeight": 1.5,
307
- },
308
- "button": Object {
309
- "color": "rgba(0, 0, 0, 0.87)",
310
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
311
- "fontSize": "0.875rem",
312
- "fontWeight": 500,
313
- "textTransform": "uppercase",
314
- },
315
- "buttonNext": Object {
316
- "color": "rgba(0, 0, 0, 0.87)",
317
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
318
- "fontSize": "0.875rem",
319
- "fontWeight": 500,
320
- "letterSpacing": "0.02857em",
321
- "lineHeight": 1.75,
322
- "textTransform": "uppercase",
323
- },
324
- "caption": Object {
325
- "color": "rgba(0, 0, 0, 0.54)",
326
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
327
- "fontSize": "0.75rem",
328
- "fontWeight": 400,
329
- "lineHeight": "1.375em",
330
- },
331
- "captionNext": Object {
332
- "color": "rgba(0, 0, 0, 0.87)",
333
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
334
- "fontSize": "0.75rem",
335
- "fontWeight": 400,
336
- "letterSpacing": "0.03333em",
337
- "lineHeight": 1.66,
338
- },
339
- "display1": Object {
340
- "color": "rgba(0, 0, 0, 0.54)",
341
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
342
- "fontSize": "2.125rem",
343
- "fontWeight": 400,
344
- "lineHeight": "1.20588em",
345
- },
346
- "display2": Object {
347
- "color": "rgba(0, 0, 0, 0.54)",
348
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
349
- "fontSize": "2.8125rem",
350
- "fontWeight": 400,
351
- "lineHeight": "1.13333em",
352
- "marginLeft": "-.02em",
353
- },
354
- "display3": Object {
355
- "color": "rgba(0, 0, 0, 0.54)",
356
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
357
- "fontSize": "3.5rem",
358
- "fontWeight": 400,
359
- "letterSpacing": "-.02em",
360
- "lineHeight": "1.30357em",
361
- "marginLeft": "-.02em",
362
- },
363
- "display4": Object {
364
- "color": "rgba(0, 0, 0, 0.54)",
365
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
366
- "fontSize": "7rem",
367
- "fontWeight": 300,
368
- "letterSpacing": "-.04em",
369
- "lineHeight": "1.14286em",
370
- "marginLeft": "-.04em",
371
- },
372
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
373
- "fontSize": 14,
374
- "fontWeightLight": 300,
375
- "fontWeightMedium": 500,
376
- "fontWeightRegular": 400,
377
- "h1": Object {
378
- "color": "rgba(0, 0, 0, 0.87)",
379
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
380
- "fontSize": "6rem",
381
- "fontWeight": 300,
382
- "letterSpacing": "-0.01562em",
383
- "lineHeight": 1,
384
- },
385
- "h2": Object {
386
- "color": "rgba(0, 0, 0, 0.87)",
387
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
388
- "fontSize": "3.75rem",
389
- "fontWeight": 300,
390
- "letterSpacing": "-0.00833em",
391
- "lineHeight": 1,
392
- },
393
- "h3": Object {
394
- "color": "rgba(0, 0, 0, 0.87)",
395
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
396
- "fontSize": "3rem",
397
- "fontWeight": 400,
398
- "letterSpacing": "0em",
399
- "lineHeight": 1.04,
400
- },
401
- "h4": Object {
402
- "color": "rgba(0, 0, 0, 0.87)",
403
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
404
- "fontSize": "2.125rem",
405
- "fontWeight": 400,
406
- "letterSpacing": "0.00735em",
407
- "lineHeight": 1.17,
408
- },
409
- "h5": Object {
410
- "color": "rgba(0, 0, 0, 0.87)",
411
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
412
- "fontSize": "1.5rem",
413
- "fontWeight": 400,
414
- "letterSpacing": "0em",
415
- "lineHeight": 1.33,
416
- },
417
- "h6": Object {
418
- "color": "rgba(0, 0, 0, 0.87)",
419
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
420
- "fontSize": "1.25rem",
421
- "fontWeight": 500,
422
- "letterSpacing": "0.0075em",
423
- "lineHeight": 1.6,
424
- },
425
- "headline": Object {
426
- "color": "rgba(0, 0, 0, 0.87)",
427
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
428
- "fontSize": "1.5rem",
429
- "fontWeight": 400,
430
- "lineHeight": "1.35417em",
431
- },
432
- "overline": Object {
433
- "color": "rgba(0, 0, 0, 0.87)",
434
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
435
- "fontSize": "0.75rem",
436
- "fontWeight": 400,
437
- "letterSpacing": "0.08333em",
438
- "lineHeight": 2.66,
439
- "textTransform": "uppercase",
440
- },
441
- "pxToRem": [Function],
442
- "round": [Function],
443
- "subheading": Object {
444
- "color": "rgba(0, 0, 0, 0.87)",
445
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
446
- "fontSize": "1rem",
447
- "fontWeight": 400,
448
- "lineHeight": "1.5em",
140
+ },
141
+ },
142
+ "palette": Object {
143
+ "action": Object {
144
+ "active": "rgba(0, 0, 0, 0.54)",
145
+ "disabled": "rgba(0, 0, 0, 0.54);",
146
+ "disabledBackground": "rgba(0, 0, 0, 0.12)",
147
+ "hover": "rgba(0, 0, 0, 0.08)",
148
+ "hoverOpacity": 0.08,
149
+ "selected": "rgba(0, 0, 0, 0.14)",
150
+ },
151
+ "augmentColor": [Function],
152
+ "background": Object {
153
+ "default": "#fafafa",
154
+ "paper": "#fff",
155
+ },
156
+ "common": Object {
157
+ "black": "#000",
158
+ "white": "#fff",
159
+ },
160
+ "contrastThreshold": 3,
161
+ "divider": "rgba(0, 0, 0, 0.12)",
162
+ "error": Object {
163
+ "contrastText": "#fff",
164
+ "dark": "#d32f2f",
165
+ "light": "#e57373",
166
+ "main": "#f44336",
167
+ },
168
+ "getContrastText": [Function],
169
+ "grey": Object {
170
+ "100": "#f5f5f5",
171
+ "200": "#eeeeee",
172
+ "300": "#e0e0e0",
173
+ "400": "#bdbdbd",
174
+ "50": "#fafafa",
175
+ "500": "#9e9e9e",
176
+ "600": "#757575",
177
+ "700": "#616161",
178
+ "800": "#424242",
179
+ "900": "#212121",
180
+ "A100": "#d5d5d5",
181
+ "A200": "#aaaaaa",
182
+ "A400": "#303030",
183
+ "A700": "#616161",
184
+ },
185
+ "primary": Object {
186
+ "contrastText": "#fff",
187
+ "dark": "#303f9f",
188
+ "light": "#7986cb",
189
+ "main": "#3f51b5",
190
+ },
191
+ "secondary": Object {
192
+ "contrastText": "#fff",
193
+ "dark": "#c51162",
194
+ "light": "#ff4081",
195
+ "main": "#f50057",
196
+ },
197
+ "text": Object {
198
+ "disabled": "rgba(0, 0, 0, 0.38)",
199
+ "hint": "rgba(0, 0, 0, 0.38)",
200
+ "primary": "rgba(0, 0, 0, 0.87)",
201
+ "secondary": "rgba(0, 0, 0, 0.54)",
202
+ },
203
+ "tonalOffset": 0.2,
204
+ "type": "light",
205
+ },
206
+ "props": Object {},
207
+ "shadows": Array [
208
+ "none",
209
+ "0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12)",
210
+ "0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12)",
211
+ "0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)",
212
+ "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
213
+ "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
214
+ "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
215
+ "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
216
+ "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
217
+ "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
218
+ "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
219
+ "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
220
+ "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
221
+ "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
222
+ "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
223
+ "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
224
+ "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
225
+ "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
226
+ "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
227
+ "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
228
+ "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
229
+ "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
230
+ "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
231
+ "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
232
+ "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
233
+ ],
234
+ "shape": Object {
235
+ "borderRadius": 4,
236
+ },
237
+ "spacing": Object {
238
+ "unit": 8,
239
+ },
240
+ "transitions": Object {
241
+ "create": [Function],
242
+ "duration": Object {
243
+ "complex": 375,
244
+ "enteringScreen": 225,
245
+ "leavingScreen": 195,
246
+ "short": 250,
247
+ "shorter": 200,
248
+ "shortest": 150,
249
+ "standard": 300,
250
+ },
251
+ "easing": Object {
252
+ "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
253
+ "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
254
+ "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
255
+ "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
256
+ },
257
+ "getAutoHeightDuration": [Function],
258
+ },
259
+ "typography": Object {
260
+ "body1": Object {
261
+ "color": "rgba(0, 0, 0, 0.87)",
262
+ "fontFamily": "inherit",
263
+ "fontSize": "1rem",
264
+ "fontWeight": 400,
265
+ "lineHeight": 1.5,
266
+ },
267
+ "body1Next": Object {
268
+ "color": "rgba(0, 0, 0, 0.87)",
269
+ "fontFamily": "inherit",
270
+ "fontSize": "1rem",
271
+ "fontWeight": 400,
272
+ "lineHeight": 1.5,
273
+ },
274
+ "body2": Object {
275
+ "color": "rgba(0, 0, 0, 0.87)",
276
+ "fontFamily": "inherit",
277
+ "fontSize": "0.875rem",
278
+ "fontWeight": 400,
279
+ "lineHeight": 1.5,
280
+ },
281
+ "body2Next": Object {
282
+ "color": "rgba(0, 0, 0, 0.87)",
283
+ "fontFamily": "inherit",
284
+ "fontSize": "0.875rem",
285
+ "fontWeight": 400,
286
+ "lineHeight": 1.5,
287
+ },
288
+ "button": Object {
289
+ "color": "rgba(0, 0, 0, 0.87)",
290
+ "fontFamily": "inherit",
291
+ "fontSize": "0.875rem",
292
+ "fontWeight": 500,
293
+ "lineHeight": 1.75,
294
+ "textTransform": "uppercase",
295
+ },
296
+ "buttonNext": Object {
297
+ "color": "rgba(0, 0, 0, 0.87)",
298
+ "fontFamily": "inherit",
299
+ "fontSize": "0.875rem",
300
+ "fontWeight": 500,
301
+ "lineHeight": 1.75,
302
+ "textTransform": "uppercase",
303
+ },
304
+ "caption": Object {
305
+ "color": "rgba(0, 0, 0, 0.87)",
306
+ "fontFamily": "inherit",
307
+ "fontSize": "0.75rem",
308
+ "fontWeight": 400,
309
+ "lineHeight": 1.66,
310
+ },
311
+ "captionNext": Object {
312
+ "color": "rgba(0, 0, 0, 0.87)",
313
+ "fontFamily": "inherit",
314
+ "fontSize": "0.75rem",
315
+ "fontWeight": 400,
316
+ "lineHeight": 1.66,
317
+ },
318
+ "display1": Object {
319
+ "color": "rgba(0, 0, 0, 0.54)",
320
+ "fontFamily": "inherit",
321
+ "fontSize": "2.125rem",
322
+ "fontWeight": 400,
323
+ "lineHeight": "1.20588em",
324
+ },
325
+ "display2": Object {
326
+ "color": "rgba(0, 0, 0, 0.54)",
327
+ "fontFamily": "inherit",
328
+ "fontSize": "2.8125rem",
329
+ "fontWeight": 400,
330
+ "lineHeight": "1.13333em",
331
+ "marginLeft": "-.02em",
332
+ },
333
+ "display3": Object {
334
+ "color": "rgba(0, 0, 0, 0.54)",
335
+ "fontFamily": "inherit",
336
+ "fontSize": "3.5rem",
337
+ "fontWeight": 400,
338
+ "letterSpacing": "-.02em",
339
+ "lineHeight": "1.30357em",
340
+ "marginLeft": "-.02em",
341
+ },
342
+ "display4": Object {
343
+ "color": "rgba(0, 0, 0, 0.54)",
344
+ "fontFamily": "inherit",
345
+ "fontSize": "7rem",
346
+ "fontWeight": 300,
347
+ "letterSpacing": "-.04em",
348
+ "lineHeight": "1.14286em",
349
+ "marginLeft": "-.04em",
350
+ },
351
+ "fontFamily": "inherit",
352
+ "fontSize": 14,
353
+ "fontWeightLight": 300,
354
+ "fontWeightMedium": 500,
355
+ "fontWeightRegular": 400,
356
+ "h1": Object {
357
+ "color": "rgba(0, 0, 0, 0.87)",
358
+ "fontFamily": "inherit",
359
+ "fontSize": "6rem",
360
+ "fontWeight": 300,
361
+ "lineHeight": 1,
362
+ },
363
+ "h2": Object {
364
+ "color": "rgba(0, 0, 0, 0.87)",
365
+ "fontFamily": "inherit",
366
+ "fontSize": "3.75rem",
367
+ "fontWeight": 300,
368
+ "lineHeight": 1,
369
+ },
370
+ "h3": Object {
371
+ "color": "rgba(0, 0, 0, 0.87)",
372
+ "fontFamily": "inherit",
373
+ "fontSize": "3rem",
374
+ "fontWeight": 400,
375
+ "lineHeight": 1.04,
376
+ },
377
+ "h4": Object {
378
+ "color": "rgba(0, 0, 0, 0.87)",
379
+ "fontFamily": "inherit",
380
+ "fontSize": "2.125rem",
381
+ "fontWeight": 400,
382
+ "lineHeight": 1.17,
383
+ },
384
+ "h5": Object {
385
+ "color": "rgba(0, 0, 0, 0.87)",
386
+ "fontFamily": "inherit",
387
+ "fontSize": "1.5rem",
388
+ "fontWeight": 400,
389
+ "lineHeight": 1.33,
390
+ },
391
+ "h6": Object {
392
+ "color": "rgba(0, 0, 0, 0.87)",
393
+ "fontFamily": "inherit",
394
+ "fontSize": "1.25rem",
395
+ "fontWeight": 500,
396
+ "lineHeight": 1.6,
397
+ },
398
+ "headline": Object {
399
+ "color": "rgba(0, 0, 0, 0.87)",
400
+ "fontFamily": "inherit",
401
+ "fontSize": "1.5rem",
402
+ "fontWeight": 400,
403
+ "lineHeight": "1.35417em",
404
+ },
405
+ "overline": Object {
406
+ "color": "rgba(0, 0, 0, 0.87)",
407
+ "fontFamily": "inherit",
408
+ "fontSize": "0.75rem",
409
+ "fontWeight": 400,
410
+ "lineHeight": 2.66,
411
+ "textTransform": "uppercase",
412
+ },
413
+ "pxToRem": [Function],
414
+ "round": [Function],
415
+ "subheading": Object {
416
+ "color": "rgba(0, 0, 0, 0.87)",
417
+ "fontFamily": "inherit",
418
+ "fontSize": "1rem",
419
+ "fontWeight": 400,
420
+ "lineHeight": "1.5em",
421
+ },
422
+ "subtitle1": Object {
423
+ "color": "rgba(0, 0, 0, 0.87)",
424
+ "fontFamily": "inherit",
425
+ "fontSize": "1rem",
426
+ "fontWeight": 400,
427
+ "lineHeight": 1.75,
428
+ },
429
+ "subtitle2": Object {
430
+ "color": "rgba(0, 0, 0, 0.87)",
431
+ "fontFamily": "inherit",
432
+ "fontSize": "0.875rem",
433
+ "fontWeight": 500,
434
+ "lineHeight": 1.57,
435
+ },
436
+ "title": Object {
437
+ "color": "rgba(0, 0, 0, 0.87)",
438
+ "fontFamily": "inherit",
439
+ "fontSize": "1.3125rem",
440
+ "fontWeight": 500,
441
+ "lineHeight": "1.16667em",
442
+ },
443
+ "useNextVariants": true,
444
+ },
445
+ "zIndex": Object {
446
+ "appBar": 1100,
447
+ "drawer": 1200,
448
+ "mobileStepper": 1000,
449
+ "modal": 1300,
450
+ "snackbar": 1400,
451
+ "tooltip": 1500,
452
+ },
453
+ }
454
+ }
455
+ >
456
+ <div
457
+ className="Rubric-root-1 UiLayout-extraCSSRules-9 UiLayout-uiLayoutContainer-10"
458
+ >
459
+ <h2
460
+ className="Rubric-hiddenScreenReader-8"
461
+ >
462
+ Rubric
463
+ </h2>
464
+ <h2
465
+ aria-expanded={true}
466
+ className="Rubric-rubricToggle-6"
467
+ id="rubric-toggle"
468
+ onClick={[Function]}
469
+ onKeyPress={[Function]}
470
+ role="button"
471
+ tabIndex={0}
472
+ >
473
+ Hide
474
+ Rubric
475
+ <span
476
+ aria-hidden="true"
477
+ className="Rubric-chevronStyle-7"
478
+ >
479
+ <svg
480
+ fill="none"
481
+ height="20"
482
+ stroke="currentColor"
483
+ strokeLinecap="round"
484
+ strokeLinejoin="round"
485
+ strokeWidth="2"
486
+ viewBox="0 0 24 24"
487
+ width="20"
488
+ >
489
+ <polyline
490
+ points="18 15 12 9 6 15"
491
+ />
492
+ </svg>
493
+ </span>
494
+ </h2>
495
+ <WithStyles(Collapse)
496
+ in={true}
497
+ timeout="auto"
498
+ >
499
+ <Collapse
500
+ classes={
501
+ Object {
502
+ "container": "MuiCollapse-container-11",
503
+ "entered": "MuiCollapse-entered-12",
504
+ "wrapper": "MuiCollapse-wrapper-13",
505
+ "wrapperInner": "MuiCollapse-wrapperInner-14",
506
+ }
507
+ }
508
+ collapsedHeight="0px"
509
+ component="div"
510
+ in={true}
511
+ theme={
512
+ Object {
513
+ "breakpoints": Object {
514
+ "between": [Function],
515
+ "down": [Function],
516
+ "keys": Array [
517
+ "xs",
518
+ "sm",
519
+ "md",
520
+ "lg",
521
+ "xl",
522
+ ],
523
+ "only": [Function],
524
+ "up": [Function],
525
+ "values": Object {
526
+ "lg": 1280,
527
+ "md": 960,
528
+ "sm": 600,
529
+ "xl": 1920,
530
+ "xs": 0,
531
+ },
532
+ "width": [Function],
533
+ },
534
+ "direction": "ltr",
535
+ "mixins": Object {
536
+ "gutters": [Function],
537
+ "toolbar": Object {
538
+ "@media (min-width:0px) and (orientation: landscape)": Object {
539
+ "minHeight": 48,
540
+ },
541
+ "@media (min-width:600px)": Object {
542
+ "minHeight": 64,
543
+ },
544
+ "minHeight": 56,
545
+ },
449
546
  },
450
- "subtitle1": Object {
451
- "color": "rgba(0, 0, 0, 0.87)",
452
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
453
- "fontSize": "1rem",
454
- "fontWeight": 400,
455
- "letterSpacing": "0.00938em",
456
- "lineHeight": 1.75,
547
+ "overrides": Object {
548
+ "MuiCheckbox": Object {
549
+ "root": Object {
550
+ "&$checked": Object {
551
+ "color": "#3f51b5 !important",
552
+ },
553
+ },
554
+ },
555
+ "MuiRadio": Object {
556
+ "root": Object {
557
+ "&$checked": Object {
558
+ "color": "#3f51b5 !important",
559
+ },
560
+ },
561
+ },
562
+ "MuiSwitch": Object {
563
+ "root": Object {
564
+ "&$checked": Object {
565
+ "& + $bar": Object {
566
+ "backgroundColor": "#3f51b5 !important",
567
+ "opacity": 0.5,
568
+ },
569
+ "color": "#3f51b5 !important",
570
+ },
571
+ },
572
+ },
573
+ "MuiTabs": Object {
574
+ "root": Object {
575
+ "borderBottom": "1px solid #eee",
576
+ },
577
+ },
578
+ "MuiTypography": Object {
579
+ "root": Object {
580
+ "fontFamily": "inherit",
581
+ },
582
+ },
457
583
  },
458
- "subtitle2": Object {
459
- "color": "rgba(0, 0, 0, 0.87)",
460
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
461
- "fontSize": "0.875rem",
462
- "fontWeight": 500,
463
- "letterSpacing": "0.00714em",
464
- "lineHeight": 1.57,
584
+ "palette": Object {
585
+ "action": Object {
586
+ "active": "rgba(0, 0, 0, 0.54)",
587
+ "disabled": "rgba(0, 0, 0, 0.54);",
588
+ "disabledBackground": "rgba(0, 0, 0, 0.12)",
589
+ "hover": "rgba(0, 0, 0, 0.08)",
590
+ "hoverOpacity": 0.08,
591
+ "selected": "rgba(0, 0, 0, 0.14)",
592
+ },
593
+ "augmentColor": [Function],
594
+ "background": Object {
595
+ "default": "#fafafa",
596
+ "paper": "#fff",
597
+ },
598
+ "common": Object {
599
+ "black": "#000",
600
+ "white": "#fff",
601
+ },
602
+ "contrastThreshold": 3,
603
+ "divider": "rgba(0, 0, 0, 0.12)",
604
+ "error": Object {
605
+ "contrastText": "#fff",
606
+ "dark": "#d32f2f",
607
+ "light": "#e57373",
608
+ "main": "#f44336",
609
+ },
610
+ "getContrastText": [Function],
611
+ "grey": Object {
612
+ "100": "#f5f5f5",
613
+ "200": "#eeeeee",
614
+ "300": "#e0e0e0",
615
+ "400": "#bdbdbd",
616
+ "50": "#fafafa",
617
+ "500": "#9e9e9e",
618
+ "600": "#757575",
619
+ "700": "#616161",
620
+ "800": "#424242",
621
+ "900": "#212121",
622
+ "A100": "#d5d5d5",
623
+ "A200": "#aaaaaa",
624
+ "A400": "#303030",
625
+ "A700": "#616161",
626
+ },
627
+ "primary": Object {
628
+ "contrastText": "#fff",
629
+ "dark": "#303f9f",
630
+ "light": "#7986cb",
631
+ "main": "#3f51b5",
632
+ },
633
+ "secondary": Object {
634
+ "contrastText": "#fff",
635
+ "dark": "#c51162",
636
+ "light": "#ff4081",
637
+ "main": "#f50057",
638
+ },
639
+ "text": Object {
640
+ "disabled": "rgba(0, 0, 0, 0.38)",
641
+ "hint": "rgba(0, 0, 0, 0.38)",
642
+ "primary": "rgba(0, 0, 0, 0.87)",
643
+ "secondary": "rgba(0, 0, 0, 0.54)",
644
+ },
645
+ "tonalOffset": 0.2,
646
+ "type": "light",
647
+ },
648
+ "props": Object {},
649
+ "shadows": Array [
650
+ "none",
651
+ "0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12)",
652
+ "0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12)",
653
+ "0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)",
654
+ "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
655
+ "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
656
+ "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
657
+ "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
658
+ "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
659
+ "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
660
+ "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
661
+ "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
662
+ "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
663
+ "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
664
+ "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
665
+ "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
666
+ "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
667
+ "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
668
+ "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
669
+ "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
670
+ "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
671
+ "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
672
+ "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
673
+ "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
674
+ "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
675
+ ],
676
+ "shape": Object {
677
+ "borderRadius": 4,
678
+ },
679
+ "spacing": Object {
680
+ "unit": 8,
681
+ },
682
+ "transitions": Object {
683
+ "create": [Function],
684
+ "duration": Object {
685
+ "complex": 375,
686
+ "enteringScreen": 225,
687
+ "leavingScreen": 195,
688
+ "short": 250,
689
+ "shorter": 200,
690
+ "shortest": 150,
691
+ "standard": 300,
692
+ },
693
+ "easing": Object {
694
+ "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
695
+ "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
696
+ "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
697
+ "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
698
+ },
699
+ "getAutoHeightDuration": [Function],
700
+ },
701
+ "typography": Object {
702
+ "body1": Object {
703
+ "color": "rgba(0, 0, 0, 0.87)",
704
+ "fontFamily": "inherit",
705
+ "fontSize": "1rem",
706
+ "fontWeight": 400,
707
+ "lineHeight": 1.5,
708
+ },
709
+ "body1Next": Object {
710
+ "color": "rgba(0, 0, 0, 0.87)",
711
+ "fontFamily": "inherit",
712
+ "fontSize": "1rem",
713
+ "fontWeight": 400,
714
+ "lineHeight": 1.5,
715
+ },
716
+ "body2": Object {
717
+ "color": "rgba(0, 0, 0, 0.87)",
718
+ "fontFamily": "inherit",
719
+ "fontSize": "0.875rem",
720
+ "fontWeight": 400,
721
+ "lineHeight": 1.5,
722
+ },
723
+ "body2Next": Object {
724
+ "color": "rgba(0, 0, 0, 0.87)",
725
+ "fontFamily": "inherit",
726
+ "fontSize": "0.875rem",
727
+ "fontWeight": 400,
728
+ "lineHeight": 1.5,
729
+ },
730
+ "button": Object {
731
+ "color": "rgba(0, 0, 0, 0.87)",
732
+ "fontFamily": "inherit",
733
+ "fontSize": "0.875rem",
734
+ "fontWeight": 500,
735
+ "lineHeight": 1.75,
736
+ "textTransform": "uppercase",
737
+ },
738
+ "buttonNext": Object {
739
+ "color": "rgba(0, 0, 0, 0.87)",
740
+ "fontFamily": "inherit",
741
+ "fontSize": "0.875rem",
742
+ "fontWeight": 500,
743
+ "lineHeight": 1.75,
744
+ "textTransform": "uppercase",
745
+ },
746
+ "caption": Object {
747
+ "color": "rgba(0, 0, 0, 0.87)",
748
+ "fontFamily": "inherit",
749
+ "fontSize": "0.75rem",
750
+ "fontWeight": 400,
751
+ "lineHeight": 1.66,
752
+ },
753
+ "captionNext": Object {
754
+ "color": "rgba(0, 0, 0, 0.87)",
755
+ "fontFamily": "inherit",
756
+ "fontSize": "0.75rem",
757
+ "fontWeight": 400,
758
+ "lineHeight": 1.66,
759
+ },
760
+ "display1": Object {
761
+ "color": "rgba(0, 0, 0, 0.54)",
762
+ "fontFamily": "inherit",
763
+ "fontSize": "2.125rem",
764
+ "fontWeight": 400,
765
+ "lineHeight": "1.20588em",
766
+ },
767
+ "display2": Object {
768
+ "color": "rgba(0, 0, 0, 0.54)",
769
+ "fontFamily": "inherit",
770
+ "fontSize": "2.8125rem",
771
+ "fontWeight": 400,
772
+ "lineHeight": "1.13333em",
773
+ "marginLeft": "-.02em",
774
+ },
775
+ "display3": Object {
776
+ "color": "rgba(0, 0, 0, 0.54)",
777
+ "fontFamily": "inherit",
778
+ "fontSize": "3.5rem",
779
+ "fontWeight": 400,
780
+ "letterSpacing": "-.02em",
781
+ "lineHeight": "1.30357em",
782
+ "marginLeft": "-.02em",
783
+ },
784
+ "display4": Object {
785
+ "color": "rgba(0, 0, 0, 0.54)",
786
+ "fontFamily": "inherit",
787
+ "fontSize": "7rem",
788
+ "fontWeight": 300,
789
+ "letterSpacing": "-.04em",
790
+ "lineHeight": "1.14286em",
791
+ "marginLeft": "-.04em",
792
+ },
793
+ "fontFamily": "inherit",
794
+ "fontSize": 14,
795
+ "fontWeightLight": 300,
796
+ "fontWeightMedium": 500,
797
+ "fontWeightRegular": 400,
798
+ "h1": Object {
799
+ "color": "rgba(0, 0, 0, 0.87)",
800
+ "fontFamily": "inherit",
801
+ "fontSize": "6rem",
802
+ "fontWeight": 300,
803
+ "lineHeight": 1,
804
+ },
805
+ "h2": Object {
806
+ "color": "rgba(0, 0, 0, 0.87)",
807
+ "fontFamily": "inherit",
808
+ "fontSize": "3.75rem",
809
+ "fontWeight": 300,
810
+ "lineHeight": 1,
811
+ },
812
+ "h3": Object {
813
+ "color": "rgba(0, 0, 0, 0.87)",
814
+ "fontFamily": "inherit",
815
+ "fontSize": "3rem",
816
+ "fontWeight": 400,
817
+ "lineHeight": 1.04,
818
+ },
819
+ "h4": Object {
820
+ "color": "rgba(0, 0, 0, 0.87)",
821
+ "fontFamily": "inherit",
822
+ "fontSize": "2.125rem",
823
+ "fontWeight": 400,
824
+ "lineHeight": 1.17,
825
+ },
826
+ "h5": Object {
827
+ "color": "rgba(0, 0, 0, 0.87)",
828
+ "fontFamily": "inherit",
829
+ "fontSize": "1.5rem",
830
+ "fontWeight": 400,
831
+ "lineHeight": 1.33,
832
+ },
833
+ "h6": Object {
834
+ "color": "rgba(0, 0, 0, 0.87)",
835
+ "fontFamily": "inherit",
836
+ "fontSize": "1.25rem",
837
+ "fontWeight": 500,
838
+ "lineHeight": 1.6,
839
+ },
840
+ "headline": Object {
841
+ "color": "rgba(0, 0, 0, 0.87)",
842
+ "fontFamily": "inherit",
843
+ "fontSize": "1.5rem",
844
+ "fontWeight": 400,
845
+ "lineHeight": "1.35417em",
846
+ },
847
+ "overline": Object {
848
+ "color": "rgba(0, 0, 0, 0.87)",
849
+ "fontFamily": "inherit",
850
+ "fontSize": "0.75rem",
851
+ "fontWeight": 400,
852
+ "lineHeight": 2.66,
853
+ "textTransform": "uppercase",
854
+ },
855
+ "pxToRem": [Function],
856
+ "round": [Function],
857
+ "subheading": Object {
858
+ "color": "rgba(0, 0, 0, 0.87)",
859
+ "fontFamily": "inherit",
860
+ "fontSize": "1rem",
861
+ "fontWeight": 400,
862
+ "lineHeight": "1.5em",
863
+ },
864
+ "subtitle1": Object {
865
+ "color": "rgba(0, 0, 0, 0.87)",
866
+ "fontFamily": "inherit",
867
+ "fontSize": "1rem",
868
+ "fontWeight": 400,
869
+ "lineHeight": 1.75,
870
+ },
871
+ "subtitle2": Object {
872
+ "color": "rgba(0, 0, 0, 0.87)",
873
+ "fontFamily": "inherit",
874
+ "fontSize": "0.875rem",
875
+ "fontWeight": 500,
876
+ "lineHeight": 1.57,
877
+ },
878
+ "title": Object {
879
+ "color": "rgba(0, 0, 0, 0.87)",
880
+ "fontFamily": "inherit",
881
+ "fontSize": "1.3125rem",
882
+ "fontWeight": 500,
883
+ "lineHeight": "1.16667em",
884
+ },
885
+ "useNextVariants": true,
465
886
  },
466
- "title": Object {
467
- "color": "rgba(0, 0, 0, 0.87)",
468
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
469
- "fontSize": "1.3125rem",
470
- "fontWeight": 500,
471
- "lineHeight": "1.16667em",
887
+ "zIndex": Object {
888
+ "appBar": 1100,
889
+ "drawer": 1200,
890
+ "mobileStepper": 1000,
891
+ "modal": 1300,
892
+ "snackbar": 1400,
893
+ "tooltip": 1500,
472
894
  },
473
- "useNextVariants": false,
474
- },
475
- "zIndex": Object {
476
- "appBar": 1100,
477
- "drawer": 1200,
478
- "mobileStepper": 1000,
479
- "modal": 1300,
480
- "snackbar": 1400,
481
- "tooltip": 1500,
482
- },
895
+ }
483
896
  }
484
- }
485
- timeout="auto"
486
- >
487
- <Transition
488
- addEndListener={[Function]}
489
- appear={false}
490
- enter={true}
491
- exit={true}
492
- in={true}
493
- mountOnEnter={false}
494
- onEnter={[Function]}
495
- onEntered={[Function]}
496
- onEntering={[Function]}
497
- onExit={[Function]}
498
- onExited={[Function]}
499
- onExiting={[Function]}
500
- timeout={null}
501
- unmountOnExit={false}
897
+ timeout="auto"
502
898
  >
503
- <div
504
- className="MuiCollapse-container-11"
505
- style={
506
- Object {
507
- "minHeight": "0px",
508
- }
509
- }
899
+ <Transition
900
+ addEndListener={[Function]}
901
+ appear={false}
902
+ enter={true}
903
+ exit={true}
904
+ in={true}
905
+ mountOnEnter={false}
906
+ onEnter={[Function]}
907
+ onEntered={[Function]}
908
+ onEntering={[Function]}
909
+ onExit={[Function]}
910
+ onExited={[Function]}
911
+ onExiting={[Function]}
912
+ timeout={null}
913
+ unmountOnExit={false}
510
914
  >
511
915
  <div
512
- className="MuiCollapse-wrapper-13"
916
+ className="MuiCollapse-container-11"
917
+ style={
918
+ Object {
919
+ "minHeight": "0px",
920
+ }
921
+ }
513
922
  >
514
923
  <div
515
- className="MuiCollapse-wrapperInner-14"
924
+ className="MuiCollapse-wrapper-13"
516
925
  >
517
- <WithStyles(List)
518
- component="nav"
926
+ <div
927
+ className="MuiCollapse-wrapperInner-14"
519
928
  >
520
- <List
521
- classes={
522
- Object {
523
- "dense": "MuiList-dense-17",
524
- "padding": "MuiList-padding-16",
525
- "root": "MuiList-root-15",
526
- "subheader": "MuiList-subheader-18",
527
- }
528
- }
929
+ <WithStyles(List)
529
930
  component="nav"
530
- dense={false}
531
- disablePadding={false}
532
931
  >
533
- <nav
534
- className="MuiList-root-15 MuiList-padding-16"
932
+ <List
933
+ classes={
934
+ Object {
935
+ "dense": "MuiList-dense-17",
936
+ "padding": "MuiList-padding-16",
937
+ "root": "MuiList-root-15",
938
+ "subheader": "MuiList-subheader-18",
939
+ }
940
+ }
941
+ component="nav"
942
+ dense={false}
943
+ disablePadding={false}
535
944
  >
536
- <WithStyles(ListItem)
537
- className="Rubric-listColumn-2"
538
- key="P3"
945
+ <nav
946
+ className="MuiList-root-15 MuiList-padding-16"
539
947
  >
540
- <ListItem
541
- ContainerComponent="li"
542
- alignItems="center"
543
- button={false}
948
+ <WithStyles(ListItem)
544
949
  className="Rubric-listColumn-2"
545
- classes={
546
- Object {
547
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
548
- "button": "MuiListItem-button-28",
549
- "container": "MuiListItem-container-20",
550
- "default": "MuiListItem-default-22",
551
- "dense": "MuiListItem-dense-23",
552
- "disabled": "MuiListItem-disabled-25",
553
- "divider": "MuiListItem-divider-26",
554
- "focusVisible": "MuiListItem-focusVisible-21",
555
- "gutters": "MuiListItem-gutters-27",
556
- "root": "MuiListItem-root-19",
557
- "secondaryAction": "MuiListItem-secondaryAction-29",
558
- "selected": "MuiListItem-selected-30",
559
- }
560
- }
561
- dense={false}
562
- disableGutters={false}
563
- disabled={false}
564
- divider={false}
565
- selected={false}
950
+ key="P3"
566
951
  >
567
- <MergeListContext
952
+ <ListItem
953
+ ContainerComponent="li"
568
954
  alignItems="center"
955
+ button={false}
956
+ className="Rubric-listColumn-2"
957
+ classes={
958
+ Object {
959
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
960
+ "button": "MuiListItem-button-28",
961
+ "container": "MuiListItem-container-20",
962
+ "default": "MuiListItem-default-22",
963
+ "dense": "MuiListItem-dense-23",
964
+ "disabled": "MuiListItem-disabled-25",
965
+ "divider": "MuiListItem-divider-26",
966
+ "focusVisible": "MuiListItem-focusVisible-21",
967
+ "gutters": "MuiListItem-gutters-27",
968
+ "root": "MuiListItem-root-19",
969
+ "secondaryAction": "MuiListItem-secondaryAction-29",
970
+ "selected": "MuiListItem-selected-30",
971
+ }
972
+ }
569
973
  dense={false}
974
+ disableGutters={false}
975
+ disabled={false}
976
+ divider={false}
977
+ selected={false}
570
978
  >
571
- <li
572
- className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
573
- disabled={false}
979
+ <MergeListContext
980
+ alignItems="center"
981
+ dense={false}
574
982
  >
575
- <h3
576
- className="Rubric-titleText-5"
577
- key=".0"
983
+ <li
984
+ className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
985
+ disabled={false}
578
986
  >
579
- 3 PTS
580
- </h3>
581
- <div
582
- className="Rubric-text-4"
583
- dangerouslySetInnerHTML={
584
- Object {
585
- "__html": "bingo",
987
+ <h3
988
+ className="Rubric-titleText-5"
989
+ key=".0"
990
+ >
991
+ 3 PTS
992
+ </h3>
993
+ <div
994
+ className="Rubric-text-4"
995
+ dangerouslySetInnerHTML={
996
+ Object {
997
+ "__html": "bingo",
998
+ }
586
999
  }
587
- }
588
- key=".1"
589
- />
590
- </li>
591
- </MergeListContext>
592
- </ListItem>
593
- </WithStyles(ListItem)>
594
- <WithStyles(ListItem)
595
- className="Rubric-listColumn-2"
596
- key="P2"
597
- >
598
- <ListItem
599
- ContainerComponent="li"
600
- alignItems="center"
601
- button={false}
1000
+ key=".1"
1001
+ />
1002
+ </li>
1003
+ </MergeListContext>
1004
+ </ListItem>
1005
+ </WithStyles(ListItem)>
1006
+ <WithStyles(ListItem)
602
1007
  className="Rubric-listColumn-2"
603
- classes={
604
- Object {
605
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
606
- "button": "MuiListItem-button-28",
607
- "container": "MuiListItem-container-20",
608
- "default": "MuiListItem-default-22",
609
- "dense": "MuiListItem-dense-23",
610
- "disabled": "MuiListItem-disabled-25",
611
- "divider": "MuiListItem-divider-26",
612
- "focusVisible": "MuiListItem-focusVisible-21",
613
- "gutters": "MuiListItem-gutters-27",
614
- "root": "MuiListItem-root-19",
615
- "secondaryAction": "MuiListItem-secondaryAction-29",
616
- "selected": "MuiListItem-selected-30",
617
- }
618
- }
619
- dense={false}
620
- disableGutters={false}
621
- disabled={false}
622
- divider={false}
623
- selected={false}
1008
+ key="P2"
624
1009
  >
625
- <MergeListContext
1010
+ <ListItem
1011
+ ContainerComponent="li"
626
1012
  alignItems="center"
1013
+ button={false}
1014
+ className="Rubric-listColumn-2"
1015
+ classes={
1016
+ Object {
1017
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
1018
+ "button": "MuiListItem-button-28",
1019
+ "container": "MuiListItem-container-20",
1020
+ "default": "MuiListItem-default-22",
1021
+ "dense": "MuiListItem-dense-23",
1022
+ "disabled": "MuiListItem-disabled-25",
1023
+ "divider": "MuiListItem-divider-26",
1024
+ "focusVisible": "MuiListItem-focusVisible-21",
1025
+ "gutters": "MuiListItem-gutters-27",
1026
+ "root": "MuiListItem-root-19",
1027
+ "secondaryAction": "MuiListItem-secondaryAction-29",
1028
+ "selected": "MuiListItem-selected-30",
1029
+ }
1030
+ }
627
1031
  dense={false}
1032
+ disableGutters={false}
1033
+ disabled={false}
1034
+ divider={false}
1035
+ selected={false}
628
1036
  >
629
- <li
630
- className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
631
- disabled={false}
1037
+ <MergeListContext
1038
+ alignItems="center"
1039
+ dense={false}
632
1040
  >
633
- <h3
634
- className="Rubric-titleText-5"
635
- key=".0"
1041
+ <li
1042
+ className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
1043
+ disabled={false}
636
1044
  >
637
- 2 PTS
638
- </h3>
639
- <div
640
- className="Rubric-text-4"
641
- dangerouslySetInnerHTML={
642
- Object {
643
- "__html": "mostly right",
1045
+ <h3
1046
+ className="Rubric-titleText-5"
1047
+ key=".0"
1048
+ >
1049
+ 2 PTS
1050
+ </h3>
1051
+ <div
1052
+ className="Rubric-text-4"
1053
+ dangerouslySetInnerHTML={
1054
+ Object {
1055
+ "__html": "mostly right",
1056
+ }
644
1057
  }
645
- }
646
- key=".1"
647
- />
648
- </li>
649
- </MergeListContext>
650
- </ListItem>
651
- </WithStyles(ListItem)>
652
- <WithStyles(ListItem)
653
- className="Rubric-listColumn-2"
654
- key="S2"
655
- >
656
- <ListItem
657
- ContainerComponent="li"
658
- alignItems="center"
659
- button={false}
1058
+ key=".1"
1059
+ />
1060
+ </li>
1061
+ </MergeListContext>
1062
+ </ListItem>
1063
+ </WithStyles(ListItem)>
1064
+ <WithStyles(ListItem)
660
1065
  className="Rubric-listColumn-2"
661
- classes={
662
- Object {
663
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
664
- "button": "MuiListItem-button-28",
665
- "container": "MuiListItem-container-20",
666
- "default": "MuiListItem-default-22",
667
- "dense": "MuiListItem-dense-23",
668
- "disabled": "MuiListItem-disabled-25",
669
- "divider": "MuiListItem-divider-26",
670
- "focusVisible": "MuiListItem-focusVisible-21",
671
- "gutters": "MuiListItem-gutters-27",
672
- "root": "MuiListItem-root-19",
673
- "secondaryAction": "MuiListItem-secondaryAction-29",
674
- "selected": "MuiListItem-selected-30",
675
- }
676
- }
677
- dense={false}
678
- disableGutters={false}
679
- disabled={false}
680
- divider={false}
681
- selected={false}
1066
+ key="S2"
682
1067
  >
683
- <MergeListContext
1068
+ <ListItem
1069
+ ContainerComponent="li"
684
1070
  alignItems="center"
1071
+ button={false}
1072
+ className="Rubric-listColumn-2"
1073
+ classes={
1074
+ Object {
1075
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
1076
+ "button": "MuiListItem-button-28",
1077
+ "container": "MuiListItem-container-20",
1078
+ "default": "MuiListItem-default-22",
1079
+ "dense": "MuiListItem-dense-23",
1080
+ "disabled": "MuiListItem-disabled-25",
1081
+ "divider": "MuiListItem-divider-26",
1082
+ "focusVisible": "MuiListItem-focusVisible-21",
1083
+ "gutters": "MuiListItem-gutters-27",
1084
+ "root": "MuiListItem-root-19",
1085
+ "secondaryAction": "MuiListItem-secondaryAction-29",
1086
+ "selected": "MuiListItem-selected-30",
1087
+ }
1088
+ }
685
1089
  dense={false}
1090
+ disableGutters={false}
1091
+ disabled={false}
1092
+ divider={false}
1093
+ selected={false}
686
1094
  >
687
- <li
688
- className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
689
- disabled={false}
1095
+ <MergeListContext
1096
+ alignItems="center"
1097
+ dense={false}
690
1098
  >
691
- <h4
692
- className="Rubric-titleText-5"
693
- key=".0"
694
- style={
695
- Object {
696
- "fontWeight": "normal",
697
- }
698
- }
1099
+ <li
1100
+ className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
1101
+ disabled={false}
699
1102
  >
700
- Sample Answer
701
- </h4>
702
- <div
703
- className="Rubric-text-4"
704
- dangerouslySetInnerHTML={
705
- Object {
706
- "__html": "not left",
1103
+ <h4
1104
+ className="Rubric-titleText-5"
1105
+ key=".0"
1106
+ style={
1107
+ Object {
1108
+ "fontWeight": "normal",
1109
+ }
707
1110
  }
708
- }
709
- key=".1"
710
- />
711
- </li>
712
- </MergeListContext>
713
- </ListItem>
714
- </WithStyles(ListItem)>
715
- <WithStyles(ListItem)
716
- className="Rubric-listColumn-2"
717
- key="P1"
718
- >
719
- <ListItem
720
- ContainerComponent="li"
721
- alignItems="center"
722
- button={false}
1111
+ >
1112
+ Sample Answer
1113
+ </h4>
1114
+ <div
1115
+ className="Rubric-text-4"
1116
+ dangerouslySetInnerHTML={
1117
+ Object {
1118
+ "__html": "not left",
1119
+ }
1120
+ }
1121
+ key=".1"
1122
+ />
1123
+ </li>
1124
+ </MergeListContext>
1125
+ </ListItem>
1126
+ </WithStyles(ListItem)>
1127
+ <WithStyles(ListItem)
723
1128
  className="Rubric-listColumn-2"
724
- classes={
725
- Object {
726
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
727
- "button": "MuiListItem-button-28",
728
- "container": "MuiListItem-container-20",
729
- "default": "MuiListItem-default-22",
730
- "dense": "MuiListItem-dense-23",
731
- "disabled": "MuiListItem-disabled-25",
732
- "divider": "MuiListItem-divider-26",
733
- "focusVisible": "MuiListItem-focusVisible-21",
734
- "gutters": "MuiListItem-gutters-27",
735
- "root": "MuiListItem-root-19",
736
- "secondaryAction": "MuiListItem-secondaryAction-29",
737
- "selected": "MuiListItem-selected-30",
738
- }
739
- }
740
- dense={false}
741
- disableGutters={false}
742
- disabled={false}
743
- divider={false}
744
- selected={false}
1129
+ key="P1"
745
1130
  >
746
- <MergeListContext
1131
+ <ListItem
1132
+ ContainerComponent="li"
747
1133
  alignItems="center"
1134
+ button={false}
1135
+ className="Rubric-listColumn-2"
1136
+ classes={
1137
+ Object {
1138
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
1139
+ "button": "MuiListItem-button-28",
1140
+ "container": "MuiListItem-container-20",
1141
+ "default": "MuiListItem-default-22",
1142
+ "dense": "MuiListItem-dense-23",
1143
+ "disabled": "MuiListItem-disabled-25",
1144
+ "divider": "MuiListItem-divider-26",
1145
+ "focusVisible": "MuiListItem-focusVisible-21",
1146
+ "gutters": "MuiListItem-gutters-27",
1147
+ "root": "MuiListItem-root-19",
1148
+ "secondaryAction": "MuiListItem-secondaryAction-29",
1149
+ "selected": "MuiListItem-selected-30",
1150
+ }
1151
+ }
748
1152
  dense={false}
1153
+ disableGutters={false}
1154
+ disabled={false}
1155
+ divider={false}
1156
+ selected={false}
749
1157
  >
750
- <li
751
- className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
752
- disabled={false}
1158
+ <MergeListContext
1159
+ alignItems="center"
1160
+ dense={false}
753
1161
  >
754
- <h3
755
- className="Rubric-titleText-5"
756
- key=".0"
1162
+ <li
1163
+ className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
1164
+ disabled={false}
757
1165
  >
758
- 1 PT
759
- </h3>
760
- <div
761
- className="Rubric-text-4"
762
- dangerouslySetInnerHTML={
763
- Object {
764
- "__html": "a teeny bit right",
1166
+ <h3
1167
+ className="Rubric-titleText-5"
1168
+ key=".0"
1169
+ >
1170
+ 1 PT
1171
+ </h3>
1172
+ <div
1173
+ className="Rubric-text-4"
1174
+ dangerouslySetInnerHTML={
1175
+ Object {
1176
+ "__html": "a teeny bit right",
1177
+ }
765
1178
  }
766
- }
767
- key=".1"
768
- />
769
- </li>
770
- </MergeListContext>
771
- </ListItem>
772
- </WithStyles(ListItem)>
773
- <WithStyles(ListItem)
774
- className="Rubric-listColumn-2"
775
- key="S1"
776
- >
777
- <ListItem
778
- ContainerComponent="li"
779
- alignItems="center"
780
- button={false}
1179
+ key=".1"
1180
+ />
1181
+ </li>
1182
+ </MergeListContext>
1183
+ </ListItem>
1184
+ </WithStyles(ListItem)>
1185
+ <WithStyles(ListItem)
781
1186
  className="Rubric-listColumn-2"
782
- classes={
783
- Object {
784
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
785
- "button": "MuiListItem-button-28",
786
- "container": "MuiListItem-container-20",
787
- "default": "MuiListItem-default-22",
788
- "dense": "MuiListItem-dense-23",
789
- "disabled": "MuiListItem-disabled-25",
790
- "divider": "MuiListItem-divider-26",
791
- "focusVisible": "MuiListItem-focusVisible-21",
792
- "gutters": "MuiListItem-gutters-27",
793
- "root": "MuiListItem-root-19",
794
- "secondaryAction": "MuiListItem-secondaryAction-29",
795
- "selected": "MuiListItem-selected-30",
796
- }
797
- }
798
- dense={false}
799
- disableGutters={false}
800
- disabled={false}
801
- divider={false}
802
- selected={false}
1187
+ key="S1"
803
1188
  >
804
- <MergeListContext
1189
+ <ListItem
1190
+ ContainerComponent="li"
805
1191
  alignItems="center"
1192
+ button={false}
1193
+ className="Rubric-listColumn-2"
1194
+ classes={
1195
+ Object {
1196
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
1197
+ "button": "MuiListItem-button-28",
1198
+ "container": "MuiListItem-container-20",
1199
+ "default": "MuiListItem-default-22",
1200
+ "dense": "MuiListItem-dense-23",
1201
+ "disabled": "MuiListItem-disabled-25",
1202
+ "divider": "MuiListItem-divider-26",
1203
+ "focusVisible": "MuiListItem-focusVisible-21",
1204
+ "gutters": "MuiListItem-gutters-27",
1205
+ "root": "MuiListItem-root-19",
1206
+ "secondaryAction": "MuiListItem-secondaryAction-29",
1207
+ "selected": "MuiListItem-selected-30",
1208
+ }
1209
+ }
806
1210
  dense={false}
1211
+ disableGutters={false}
1212
+ disabled={false}
1213
+ divider={false}
1214
+ selected={false}
807
1215
  >
808
- <li
809
- className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
810
- disabled={false}
1216
+ <MergeListContext
1217
+ alignItems="center"
1218
+ dense={false}
811
1219
  >
812
- <h4
813
- className="Rubric-titleText-5"
814
- key=".0"
815
- style={
816
- Object {
817
- "fontWeight": "normal",
818
- }
819
- }
1220
+ <li
1221
+ className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
1222
+ disabled={false}
820
1223
  >
821
- Sample Answer
822
- </h4>
823
- <div
824
- className="Rubric-text-4"
825
- dangerouslySetInnerHTML={
826
- Object {
827
- "__html": "just right",
1224
+ <h4
1225
+ className="Rubric-titleText-5"
1226
+ key=".0"
1227
+ style={
1228
+ Object {
1229
+ "fontWeight": "normal",
1230
+ }
828
1231
  }
829
- }
830
- key=".1"
831
- />
832
- </li>
833
- </MergeListContext>
834
- </ListItem>
835
- </WithStyles(ListItem)>
836
- <WithStyles(ListItem)
837
- className="Rubric-listColumn-2"
838
- key="P0"
839
- >
840
- <ListItem
841
- ContainerComponent="li"
842
- alignItems="center"
843
- button={false}
1232
+ >
1233
+ Sample Answer
1234
+ </h4>
1235
+ <div
1236
+ className="Rubric-text-4"
1237
+ dangerouslySetInnerHTML={
1238
+ Object {
1239
+ "__html": "just right",
1240
+ }
1241
+ }
1242
+ key=".1"
1243
+ />
1244
+ </li>
1245
+ </MergeListContext>
1246
+ </ListItem>
1247
+ </WithStyles(ListItem)>
1248
+ <WithStyles(ListItem)
844
1249
  className="Rubric-listColumn-2"
845
- classes={
846
- Object {
847
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
848
- "button": "MuiListItem-button-28",
849
- "container": "MuiListItem-container-20",
850
- "default": "MuiListItem-default-22",
851
- "dense": "MuiListItem-dense-23",
852
- "disabled": "MuiListItem-disabled-25",
853
- "divider": "MuiListItem-divider-26",
854
- "focusVisible": "MuiListItem-focusVisible-21",
855
- "gutters": "MuiListItem-gutters-27",
856
- "root": "MuiListItem-root-19",
857
- "secondaryAction": "MuiListItem-secondaryAction-29",
858
- "selected": "MuiListItem-selected-30",
859
- }
860
- }
861
- dense={false}
862
- disableGutters={false}
863
- disabled={false}
864
- divider={false}
865
- selected={false}
1250
+ key="P0"
866
1251
  >
867
- <MergeListContext
1252
+ <ListItem
1253
+ ContainerComponent="li"
868
1254
  alignItems="center"
1255
+ button={false}
1256
+ className="Rubric-listColumn-2"
1257
+ classes={
1258
+ Object {
1259
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
1260
+ "button": "MuiListItem-button-28",
1261
+ "container": "MuiListItem-container-20",
1262
+ "default": "MuiListItem-default-22",
1263
+ "dense": "MuiListItem-dense-23",
1264
+ "disabled": "MuiListItem-disabled-25",
1265
+ "divider": "MuiListItem-divider-26",
1266
+ "focusVisible": "MuiListItem-focusVisible-21",
1267
+ "gutters": "MuiListItem-gutters-27",
1268
+ "root": "MuiListItem-root-19",
1269
+ "secondaryAction": "MuiListItem-secondaryAction-29",
1270
+ "selected": "MuiListItem-selected-30",
1271
+ }
1272
+ }
869
1273
  dense={false}
1274
+ disableGutters={false}
1275
+ disabled={false}
1276
+ divider={false}
1277
+ selected={false}
870
1278
  >
871
- <li
872
- className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
873
- disabled={false}
1279
+ <MergeListContext
1280
+ alignItems="center"
1281
+ dense={false}
874
1282
  >
875
- <h3
876
- className="Rubric-titleText-5"
877
- key=".0"
1283
+ <li
1284
+ className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
1285
+ disabled={false}
878
1286
  >
879
- 0 PTS
880
- </h3>
881
- <div
882
- className="Rubric-text-4"
883
- dangerouslySetInnerHTML={
884
- Object {
885
- "__html": "nothing right",
1287
+ <h3
1288
+ className="Rubric-titleText-5"
1289
+ key=".0"
1290
+ >
1291
+ 0 PTS
1292
+ </h3>
1293
+ <div
1294
+ className="Rubric-text-4"
1295
+ dangerouslySetInnerHTML={
1296
+ Object {
1297
+ "__html": "nothing right",
1298
+ }
886
1299
  }
887
- }
888
- key=".1"
889
- />
890
- </li>
891
- </MergeListContext>
892
- </ListItem>
893
- </WithStyles(ListItem)>
894
- </nav>
895
- </List>
896
- </WithStyles(List)>
1300
+ key=".1"
1301
+ />
1302
+ </li>
1303
+ </MergeListContext>
1304
+ </ListItem>
1305
+ </WithStyles(ListItem)>
1306
+ </nav>
1307
+ </List>
1308
+ </WithStyles(List)>
1309
+ </div>
897
1310
  </div>
898
1311
  </div>
899
- </div>
900
- </Transition>
901
- </Collapse>
902
- </WithStyles(Collapse)>
903
- </div>
1312
+ </Transition>
1313
+ </Collapse>
1314
+ </WithStyles(Collapse)>
1315
+ </div>
1316
+ </MuiThemeProviderOld>
904
1317
  </UiLayout>
905
1318
  </WithStyles(UiLayout)>
906
1319
  </Rubric>
@@ -972,842 +1385,1255 @@ exports[`rubric viewer snapshot renders 1`] = `
972
1385
  extraCSSRules={Object {}}
973
1386
  fontSizeFactor={1}
974
1387
  >
975
- <div
976
- className="Rubric-root-1 UiLayout-extraCSSRules-9 UiLayout-uiLayoutContainer-10"
977
- >
978
- <h2
979
- className="Rubric-hiddenScreenReader-8"
980
- >
981
- Rubric
982
- </h2>
983
- <h2
984
- aria-expanded={false}
985
- className="Rubric-rubricToggle-6"
986
- id="rubric-toggle"
987
- onClick={[Function]}
988
- onKeyPress={[Function]}
989
- role="button"
990
- tabIndex={0}
991
- >
992
- Show
993
- Rubric
994
- <span
995
- aria-hidden="true"
996
- className="Rubric-chevronStyle-7"
997
- >
998
- <svg
999
- fill="none"
1000
- height="20"
1001
- stroke="currentColor"
1002
- strokeLinecap="round"
1003
- strokeLinejoin="round"
1004
- strokeWidth="2"
1005
- viewBox="0 0 24 24"
1006
- width="20"
1007
- >
1008
- <polyline
1009
- points="6 9 12 15 18 9"
1010
- />
1011
- </svg>
1012
- </span>
1013
- </h2>
1014
- <WithStyles(Collapse)
1015
- in={false}
1016
- timeout="auto"
1017
- >
1018
- <Collapse
1019
- classes={
1020
- Object {
1021
- "container": "MuiCollapse-container-11",
1022
- "entered": "MuiCollapse-entered-12",
1023
- "wrapper": "MuiCollapse-wrapper-13",
1024
- "wrapperInner": "MuiCollapse-wrapperInner-14",
1025
- }
1026
- }
1027
- collapsedHeight="0px"
1028
- component="div"
1029
- in={false}
1030
- theme={
1031
- Object {
1032
- "breakpoints": Object {
1033
- "between": [Function],
1034
- "down": [Function],
1035
- "keys": Array [
1036
- "xs",
1037
- "sm",
1038
- "md",
1039
- "lg",
1040
- "xl",
1041
- ],
1042
- "only": [Function],
1043
- "up": [Function],
1044
- "values": Object {
1045
- "lg": 1280,
1046
- "md": 960,
1047
- "sm": 600,
1048
- "xl": 1920,
1049
- "xs": 0,
1050
- },
1051
- "width": [Function],
1388
+ <MuiThemeProviderOld
1389
+ theme={
1390
+ Object {
1391
+ "breakpoints": Object {
1392
+ "between": [Function],
1393
+ "down": [Function],
1394
+ "keys": Array [
1395
+ "xs",
1396
+ "sm",
1397
+ "md",
1398
+ "lg",
1399
+ "xl",
1400
+ ],
1401
+ "only": [Function],
1402
+ "up": [Function],
1403
+ "values": Object {
1404
+ "lg": 1280,
1405
+ "md": 960,
1406
+ "sm": 600,
1407
+ "xl": 1920,
1408
+ "xs": 0,
1409
+ },
1410
+ "width": [Function],
1411
+ },
1412
+ "direction": "ltr",
1413
+ "mixins": Object {
1414
+ "gutters": [Function],
1415
+ "toolbar": Object {
1416
+ "@media (min-width:0px) and (orientation: landscape)": Object {
1417
+ "minHeight": 48,
1052
1418
  },
1053
- "direction": "ltr",
1054
- "mixins": Object {
1055
- "gutters": [Function],
1056
- "toolbar": Object {
1057
- "@media (min-width:0px) and (orientation: landscape)": Object {
1058
- "minHeight": 48,
1059
- },
1060
- "@media (min-width:600px)": Object {
1061
- "minHeight": 64,
1062
- },
1063
- "minHeight": 56,
1064
- },
1419
+ "@media (min-width:600px)": Object {
1420
+ "minHeight": 64,
1065
1421
  },
1066
- "overrides": Object {},
1067
- "palette": Object {
1068
- "action": Object {
1069
- "active": "rgba(0, 0, 0, 0.54)",
1070
- "disabled": "rgba(0, 0, 0, 0.26)",
1071
- "disabledBackground": "rgba(0, 0, 0, 0.12)",
1072
- "hover": "rgba(0, 0, 0, 0.08)",
1073
- "hoverOpacity": 0.08,
1074
- "selected": "rgba(0, 0, 0, 0.14)",
1075
- },
1076
- "augmentColor": [Function],
1077
- "background": Object {
1078
- "default": "#fafafa",
1079
- "paper": "#fff",
1080
- },
1081
- "common": Object {
1082
- "black": "#000",
1083
- "white": "#fff",
1084
- },
1085
- "contrastThreshold": 3,
1086
- "divider": "rgba(0, 0, 0, 0.12)",
1087
- "error": Object {
1088
- "contrastText": "#fff",
1089
- "dark": "#d32f2f",
1090
- "light": "#e57373",
1091
- "main": "#f44336",
1092
- },
1093
- "getContrastText": [Function],
1094
- "grey": Object {
1095
- "100": "#f5f5f5",
1096
- "200": "#eeeeee",
1097
- "300": "#e0e0e0",
1098
- "400": "#bdbdbd",
1099
- "50": "#fafafa",
1100
- "500": "#9e9e9e",
1101
- "600": "#757575",
1102
- "700": "#616161",
1103
- "800": "#424242",
1104
- "900": "#212121",
1105
- "A100": "#d5d5d5",
1106
- "A200": "#aaaaaa",
1107
- "A400": "#303030",
1108
- "A700": "#616161",
1422
+ "minHeight": 56,
1423
+ },
1424
+ },
1425
+ "overrides": Object {
1426
+ "MuiCheckbox": Object {
1427
+ "root": Object {
1428
+ "&$checked": Object {
1429
+ "color": "#3f51b5 !important",
1109
1430
  },
1110
- "primary": Object {
1111
- "contrastText": "#fff",
1112
- "dark": "#303f9f",
1113
- "light": "#7986cb",
1114
- "main": "#3f51b5",
1115
- },
1116
- "secondary": Object {
1117
- "contrastText": "#fff",
1118
- "dark": "#c51162",
1119
- "light": "#ff4081",
1120
- "main": "#f50057",
1121
- },
1122
- "text": Object {
1123
- "disabled": "rgba(0, 0, 0, 0.38)",
1124
- "hint": "rgba(0, 0, 0, 0.38)",
1125
- "primary": "rgba(0, 0, 0, 0.87)",
1126
- "secondary": "rgba(0, 0, 0, 0.54)",
1431
+ },
1432
+ },
1433
+ "MuiRadio": Object {
1434
+ "root": Object {
1435
+ "&$checked": Object {
1436
+ "color": "#3f51b5 !important",
1127
1437
  },
1128
- "tonalOffset": 0.2,
1129
- "type": "light",
1130
1438
  },
1131
- "props": Object {},
1132
- "shadows": Array [
1133
- "none",
1134
- "0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12)",
1135
- "0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12)",
1136
- "0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)",
1137
- "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
1138
- "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
1139
- "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
1140
- "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
1141
- "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
1142
- "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
1143
- "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
1144
- "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
1145
- "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
1146
- "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
1147
- "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
1148
- "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
1149
- "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
1150
- "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
1151
- "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
1152
- "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
1153
- "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
1154
- "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
1155
- "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
1156
- "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
1157
- "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
1158
- ],
1159
- "shape": Object {
1160
- "borderRadius": 4,
1439
+ },
1440
+ "MuiSwitch": Object {
1441
+ "root": Object {
1442
+ "&$checked": Object {
1443
+ "& + $bar": Object {
1444
+ "backgroundColor": "#3f51b5 !important",
1445
+ "opacity": 0.5,
1446
+ },
1447
+ "color": "#3f51b5 !important",
1448
+ },
1161
1449
  },
1162
- "spacing": Object {
1163
- "unit": 8,
1450
+ },
1451
+ "MuiTabs": Object {
1452
+ "root": Object {
1453
+ "borderBottom": "1px solid #eee",
1164
1454
  },
1165
- "transitions": Object {
1166
- "create": [Function],
1167
- "duration": Object {
1168
- "complex": 375,
1169
- "enteringScreen": 225,
1170
- "leavingScreen": 195,
1171
- "short": 250,
1172
- "shorter": 200,
1173
- "shortest": 150,
1174
- "standard": 300,
1175
- },
1176
- "easing": Object {
1177
- "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
1178
- "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
1179
- "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
1180
- "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
1181
- },
1182
- "getAutoHeightDuration": [Function],
1455
+ },
1456
+ "MuiTypography": Object {
1457
+ "root": Object {
1458
+ "fontFamily": "inherit",
1183
1459
  },
1184
- "typography": Object {
1185
- "body1": Object {
1186
- "color": "rgba(0, 0, 0, 0.87)",
1187
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1188
- "fontSize": "0.875rem",
1189
- "fontWeight": 400,
1190
- "lineHeight": "1.46429em",
1191
- },
1192
- "body1Next": Object {
1193
- "color": "rgba(0, 0, 0, 0.87)",
1194
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1195
- "fontSize": "1rem",
1196
- "fontWeight": 400,
1197
- "letterSpacing": "0.00938em",
1198
- "lineHeight": 1.5,
1199
- },
1200
- "body2": Object {
1201
- "color": "rgba(0, 0, 0, 0.87)",
1202
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1203
- "fontSize": "0.875rem",
1204
- "fontWeight": 500,
1205
- "lineHeight": "1.71429em",
1206
- },
1207
- "body2Next": Object {
1208
- "color": "rgba(0, 0, 0, 0.87)",
1209
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1210
- "fontSize": "0.875rem",
1211
- "fontWeight": 400,
1212
- "letterSpacing": "0.01071em",
1213
- "lineHeight": 1.5,
1214
- },
1215
- "button": Object {
1216
- "color": "rgba(0, 0, 0, 0.87)",
1217
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1218
- "fontSize": "0.875rem",
1219
- "fontWeight": 500,
1220
- "textTransform": "uppercase",
1221
- },
1222
- "buttonNext": Object {
1223
- "color": "rgba(0, 0, 0, 0.87)",
1224
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1225
- "fontSize": "0.875rem",
1226
- "fontWeight": 500,
1227
- "letterSpacing": "0.02857em",
1228
- "lineHeight": 1.75,
1229
- "textTransform": "uppercase",
1230
- },
1231
- "caption": Object {
1232
- "color": "rgba(0, 0, 0, 0.54)",
1233
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1234
- "fontSize": "0.75rem",
1235
- "fontWeight": 400,
1236
- "lineHeight": "1.375em",
1237
- },
1238
- "captionNext": Object {
1239
- "color": "rgba(0, 0, 0, 0.87)",
1240
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1241
- "fontSize": "0.75rem",
1242
- "fontWeight": 400,
1243
- "letterSpacing": "0.03333em",
1244
- "lineHeight": 1.66,
1245
- },
1246
- "display1": Object {
1247
- "color": "rgba(0, 0, 0, 0.54)",
1248
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1249
- "fontSize": "2.125rem",
1250
- "fontWeight": 400,
1251
- "lineHeight": "1.20588em",
1252
- },
1253
- "display2": Object {
1254
- "color": "rgba(0, 0, 0, 0.54)",
1255
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1256
- "fontSize": "2.8125rem",
1257
- "fontWeight": 400,
1258
- "lineHeight": "1.13333em",
1259
- "marginLeft": "-.02em",
1260
- },
1261
- "display3": Object {
1262
- "color": "rgba(0, 0, 0, 0.54)",
1263
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1264
- "fontSize": "3.5rem",
1265
- "fontWeight": 400,
1266
- "letterSpacing": "-.02em",
1267
- "lineHeight": "1.30357em",
1268
- "marginLeft": "-.02em",
1269
- },
1270
- "display4": Object {
1271
- "color": "rgba(0, 0, 0, 0.54)",
1272
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1273
- "fontSize": "7rem",
1274
- "fontWeight": 300,
1275
- "letterSpacing": "-.04em",
1276
- "lineHeight": "1.14286em",
1277
- "marginLeft": "-.04em",
1278
- },
1279
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1280
- "fontSize": 14,
1281
- "fontWeightLight": 300,
1282
- "fontWeightMedium": 500,
1283
- "fontWeightRegular": 400,
1284
- "h1": Object {
1285
- "color": "rgba(0, 0, 0, 0.87)",
1286
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1287
- "fontSize": "6rem",
1288
- "fontWeight": 300,
1289
- "letterSpacing": "-0.01562em",
1290
- "lineHeight": 1,
1291
- },
1292
- "h2": Object {
1293
- "color": "rgba(0, 0, 0, 0.87)",
1294
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1295
- "fontSize": "3.75rem",
1296
- "fontWeight": 300,
1297
- "letterSpacing": "-0.00833em",
1298
- "lineHeight": 1,
1299
- },
1300
- "h3": Object {
1301
- "color": "rgba(0, 0, 0, 0.87)",
1302
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1303
- "fontSize": "3rem",
1304
- "fontWeight": 400,
1305
- "letterSpacing": "0em",
1306
- "lineHeight": 1.04,
1307
- },
1308
- "h4": Object {
1309
- "color": "rgba(0, 0, 0, 0.87)",
1310
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1311
- "fontSize": "2.125rem",
1312
- "fontWeight": 400,
1313
- "letterSpacing": "0.00735em",
1314
- "lineHeight": 1.17,
1315
- },
1316
- "h5": Object {
1317
- "color": "rgba(0, 0, 0, 0.87)",
1318
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1319
- "fontSize": "1.5rem",
1320
- "fontWeight": 400,
1321
- "letterSpacing": "0em",
1322
- "lineHeight": 1.33,
1323
- },
1324
- "h6": Object {
1325
- "color": "rgba(0, 0, 0, 0.87)",
1326
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1327
- "fontSize": "1.25rem",
1328
- "fontWeight": 500,
1329
- "letterSpacing": "0.0075em",
1330
- "lineHeight": 1.6,
1331
- },
1332
- "headline": Object {
1333
- "color": "rgba(0, 0, 0, 0.87)",
1334
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1335
- "fontSize": "1.5rem",
1336
- "fontWeight": 400,
1337
- "lineHeight": "1.35417em",
1338
- },
1339
- "overline": Object {
1340
- "color": "rgba(0, 0, 0, 0.87)",
1341
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1342
- "fontSize": "0.75rem",
1343
- "fontWeight": 400,
1344
- "letterSpacing": "0.08333em",
1345
- "lineHeight": 2.66,
1346
- "textTransform": "uppercase",
1347
- },
1348
- "pxToRem": [Function],
1349
- "round": [Function],
1350
- "subheading": Object {
1351
- "color": "rgba(0, 0, 0, 0.87)",
1352
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1353
- "fontSize": "1rem",
1354
- "fontWeight": 400,
1355
- "lineHeight": "1.5em",
1460
+ },
1461
+ },
1462
+ "palette": Object {
1463
+ "action": Object {
1464
+ "active": "rgba(0, 0, 0, 0.54)",
1465
+ "disabled": "rgba(0, 0, 0, 0.54);",
1466
+ "disabledBackground": "rgba(0, 0, 0, 0.12)",
1467
+ "hover": "rgba(0, 0, 0, 0.08)",
1468
+ "hoverOpacity": 0.08,
1469
+ "selected": "rgba(0, 0, 0, 0.14)",
1470
+ },
1471
+ "augmentColor": [Function],
1472
+ "background": Object {
1473
+ "default": "#fafafa",
1474
+ "paper": "#fff",
1475
+ },
1476
+ "common": Object {
1477
+ "black": "#000",
1478
+ "white": "#fff",
1479
+ },
1480
+ "contrastThreshold": 3,
1481
+ "divider": "rgba(0, 0, 0, 0.12)",
1482
+ "error": Object {
1483
+ "contrastText": "#fff",
1484
+ "dark": "#d32f2f",
1485
+ "light": "#e57373",
1486
+ "main": "#f44336",
1487
+ },
1488
+ "getContrastText": [Function],
1489
+ "grey": Object {
1490
+ "100": "#f5f5f5",
1491
+ "200": "#eeeeee",
1492
+ "300": "#e0e0e0",
1493
+ "400": "#bdbdbd",
1494
+ "50": "#fafafa",
1495
+ "500": "#9e9e9e",
1496
+ "600": "#757575",
1497
+ "700": "#616161",
1498
+ "800": "#424242",
1499
+ "900": "#212121",
1500
+ "A100": "#d5d5d5",
1501
+ "A200": "#aaaaaa",
1502
+ "A400": "#303030",
1503
+ "A700": "#616161",
1504
+ },
1505
+ "primary": Object {
1506
+ "contrastText": "#fff",
1507
+ "dark": "#303f9f",
1508
+ "light": "#7986cb",
1509
+ "main": "#3f51b5",
1510
+ },
1511
+ "secondary": Object {
1512
+ "contrastText": "#fff",
1513
+ "dark": "#c51162",
1514
+ "light": "#ff4081",
1515
+ "main": "#f50057",
1516
+ },
1517
+ "text": Object {
1518
+ "disabled": "rgba(0, 0, 0, 0.38)",
1519
+ "hint": "rgba(0, 0, 0, 0.38)",
1520
+ "primary": "rgba(0, 0, 0, 0.87)",
1521
+ "secondary": "rgba(0, 0, 0, 0.54)",
1522
+ },
1523
+ "tonalOffset": 0.2,
1524
+ "type": "light",
1525
+ },
1526
+ "props": Object {},
1527
+ "shadows": Array [
1528
+ "none",
1529
+ "0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12)",
1530
+ "0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12)",
1531
+ "0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)",
1532
+ "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
1533
+ "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
1534
+ "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
1535
+ "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
1536
+ "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
1537
+ "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
1538
+ "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
1539
+ "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
1540
+ "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
1541
+ "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
1542
+ "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
1543
+ "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
1544
+ "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
1545
+ "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
1546
+ "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
1547
+ "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
1548
+ "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
1549
+ "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
1550
+ "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
1551
+ "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
1552
+ "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
1553
+ ],
1554
+ "shape": Object {
1555
+ "borderRadius": 4,
1556
+ },
1557
+ "spacing": Object {
1558
+ "unit": 8,
1559
+ },
1560
+ "transitions": Object {
1561
+ "create": [Function],
1562
+ "duration": Object {
1563
+ "complex": 375,
1564
+ "enteringScreen": 225,
1565
+ "leavingScreen": 195,
1566
+ "short": 250,
1567
+ "shorter": 200,
1568
+ "shortest": 150,
1569
+ "standard": 300,
1570
+ },
1571
+ "easing": Object {
1572
+ "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
1573
+ "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
1574
+ "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
1575
+ "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
1576
+ },
1577
+ "getAutoHeightDuration": [Function],
1578
+ },
1579
+ "typography": Object {
1580
+ "body1": Object {
1581
+ "color": "rgba(0, 0, 0, 0.87)",
1582
+ "fontFamily": "inherit",
1583
+ "fontSize": "1rem",
1584
+ "fontWeight": 400,
1585
+ "lineHeight": 1.5,
1586
+ },
1587
+ "body1Next": Object {
1588
+ "color": "rgba(0, 0, 0, 0.87)",
1589
+ "fontFamily": "inherit",
1590
+ "fontSize": "1rem",
1591
+ "fontWeight": 400,
1592
+ "lineHeight": 1.5,
1593
+ },
1594
+ "body2": Object {
1595
+ "color": "rgba(0, 0, 0, 0.87)",
1596
+ "fontFamily": "inherit",
1597
+ "fontSize": "0.875rem",
1598
+ "fontWeight": 400,
1599
+ "lineHeight": 1.5,
1600
+ },
1601
+ "body2Next": Object {
1602
+ "color": "rgba(0, 0, 0, 0.87)",
1603
+ "fontFamily": "inherit",
1604
+ "fontSize": "0.875rem",
1605
+ "fontWeight": 400,
1606
+ "lineHeight": 1.5,
1607
+ },
1608
+ "button": Object {
1609
+ "color": "rgba(0, 0, 0, 0.87)",
1610
+ "fontFamily": "inherit",
1611
+ "fontSize": "0.875rem",
1612
+ "fontWeight": 500,
1613
+ "lineHeight": 1.75,
1614
+ "textTransform": "uppercase",
1615
+ },
1616
+ "buttonNext": Object {
1617
+ "color": "rgba(0, 0, 0, 0.87)",
1618
+ "fontFamily": "inherit",
1619
+ "fontSize": "0.875rem",
1620
+ "fontWeight": 500,
1621
+ "lineHeight": 1.75,
1622
+ "textTransform": "uppercase",
1623
+ },
1624
+ "caption": Object {
1625
+ "color": "rgba(0, 0, 0, 0.87)",
1626
+ "fontFamily": "inherit",
1627
+ "fontSize": "0.75rem",
1628
+ "fontWeight": 400,
1629
+ "lineHeight": 1.66,
1630
+ },
1631
+ "captionNext": Object {
1632
+ "color": "rgba(0, 0, 0, 0.87)",
1633
+ "fontFamily": "inherit",
1634
+ "fontSize": "0.75rem",
1635
+ "fontWeight": 400,
1636
+ "lineHeight": 1.66,
1637
+ },
1638
+ "display1": Object {
1639
+ "color": "rgba(0, 0, 0, 0.54)",
1640
+ "fontFamily": "inherit",
1641
+ "fontSize": "2.125rem",
1642
+ "fontWeight": 400,
1643
+ "lineHeight": "1.20588em",
1644
+ },
1645
+ "display2": Object {
1646
+ "color": "rgba(0, 0, 0, 0.54)",
1647
+ "fontFamily": "inherit",
1648
+ "fontSize": "2.8125rem",
1649
+ "fontWeight": 400,
1650
+ "lineHeight": "1.13333em",
1651
+ "marginLeft": "-.02em",
1652
+ },
1653
+ "display3": Object {
1654
+ "color": "rgba(0, 0, 0, 0.54)",
1655
+ "fontFamily": "inherit",
1656
+ "fontSize": "3.5rem",
1657
+ "fontWeight": 400,
1658
+ "letterSpacing": "-.02em",
1659
+ "lineHeight": "1.30357em",
1660
+ "marginLeft": "-.02em",
1661
+ },
1662
+ "display4": Object {
1663
+ "color": "rgba(0, 0, 0, 0.54)",
1664
+ "fontFamily": "inherit",
1665
+ "fontSize": "7rem",
1666
+ "fontWeight": 300,
1667
+ "letterSpacing": "-.04em",
1668
+ "lineHeight": "1.14286em",
1669
+ "marginLeft": "-.04em",
1670
+ },
1671
+ "fontFamily": "inherit",
1672
+ "fontSize": 14,
1673
+ "fontWeightLight": 300,
1674
+ "fontWeightMedium": 500,
1675
+ "fontWeightRegular": 400,
1676
+ "h1": Object {
1677
+ "color": "rgba(0, 0, 0, 0.87)",
1678
+ "fontFamily": "inherit",
1679
+ "fontSize": "6rem",
1680
+ "fontWeight": 300,
1681
+ "lineHeight": 1,
1682
+ },
1683
+ "h2": Object {
1684
+ "color": "rgba(0, 0, 0, 0.87)",
1685
+ "fontFamily": "inherit",
1686
+ "fontSize": "3.75rem",
1687
+ "fontWeight": 300,
1688
+ "lineHeight": 1,
1689
+ },
1690
+ "h3": Object {
1691
+ "color": "rgba(0, 0, 0, 0.87)",
1692
+ "fontFamily": "inherit",
1693
+ "fontSize": "3rem",
1694
+ "fontWeight": 400,
1695
+ "lineHeight": 1.04,
1696
+ },
1697
+ "h4": Object {
1698
+ "color": "rgba(0, 0, 0, 0.87)",
1699
+ "fontFamily": "inherit",
1700
+ "fontSize": "2.125rem",
1701
+ "fontWeight": 400,
1702
+ "lineHeight": 1.17,
1703
+ },
1704
+ "h5": Object {
1705
+ "color": "rgba(0, 0, 0, 0.87)",
1706
+ "fontFamily": "inherit",
1707
+ "fontSize": "1.5rem",
1708
+ "fontWeight": 400,
1709
+ "lineHeight": 1.33,
1710
+ },
1711
+ "h6": Object {
1712
+ "color": "rgba(0, 0, 0, 0.87)",
1713
+ "fontFamily": "inherit",
1714
+ "fontSize": "1.25rem",
1715
+ "fontWeight": 500,
1716
+ "lineHeight": 1.6,
1717
+ },
1718
+ "headline": Object {
1719
+ "color": "rgba(0, 0, 0, 0.87)",
1720
+ "fontFamily": "inherit",
1721
+ "fontSize": "1.5rem",
1722
+ "fontWeight": 400,
1723
+ "lineHeight": "1.35417em",
1724
+ },
1725
+ "overline": Object {
1726
+ "color": "rgba(0, 0, 0, 0.87)",
1727
+ "fontFamily": "inherit",
1728
+ "fontSize": "0.75rem",
1729
+ "fontWeight": 400,
1730
+ "lineHeight": 2.66,
1731
+ "textTransform": "uppercase",
1732
+ },
1733
+ "pxToRem": [Function],
1734
+ "round": [Function],
1735
+ "subheading": Object {
1736
+ "color": "rgba(0, 0, 0, 0.87)",
1737
+ "fontFamily": "inherit",
1738
+ "fontSize": "1rem",
1739
+ "fontWeight": 400,
1740
+ "lineHeight": "1.5em",
1741
+ },
1742
+ "subtitle1": Object {
1743
+ "color": "rgba(0, 0, 0, 0.87)",
1744
+ "fontFamily": "inherit",
1745
+ "fontSize": "1rem",
1746
+ "fontWeight": 400,
1747
+ "lineHeight": 1.75,
1748
+ },
1749
+ "subtitle2": Object {
1750
+ "color": "rgba(0, 0, 0, 0.87)",
1751
+ "fontFamily": "inherit",
1752
+ "fontSize": "0.875rem",
1753
+ "fontWeight": 500,
1754
+ "lineHeight": 1.57,
1755
+ },
1756
+ "title": Object {
1757
+ "color": "rgba(0, 0, 0, 0.87)",
1758
+ "fontFamily": "inherit",
1759
+ "fontSize": "1.3125rem",
1760
+ "fontWeight": 500,
1761
+ "lineHeight": "1.16667em",
1762
+ },
1763
+ "useNextVariants": true,
1764
+ },
1765
+ "zIndex": Object {
1766
+ "appBar": 1100,
1767
+ "drawer": 1200,
1768
+ "mobileStepper": 1000,
1769
+ "modal": 1300,
1770
+ "snackbar": 1400,
1771
+ "tooltip": 1500,
1772
+ },
1773
+ }
1774
+ }
1775
+ >
1776
+ <div
1777
+ className="Rubric-root-1 UiLayout-extraCSSRules-9 UiLayout-uiLayoutContainer-10"
1778
+ >
1779
+ <h2
1780
+ className="Rubric-hiddenScreenReader-8"
1781
+ >
1782
+ Rubric
1783
+ </h2>
1784
+ <h2
1785
+ aria-expanded={false}
1786
+ className="Rubric-rubricToggle-6"
1787
+ id="rubric-toggle"
1788
+ onClick={[Function]}
1789
+ onKeyPress={[Function]}
1790
+ role="button"
1791
+ tabIndex={0}
1792
+ >
1793
+ Show
1794
+ Rubric
1795
+ <span
1796
+ aria-hidden="true"
1797
+ className="Rubric-chevronStyle-7"
1798
+ >
1799
+ <svg
1800
+ fill="none"
1801
+ height="20"
1802
+ stroke="currentColor"
1803
+ strokeLinecap="round"
1804
+ strokeLinejoin="round"
1805
+ strokeWidth="2"
1806
+ viewBox="0 0 24 24"
1807
+ width="20"
1808
+ >
1809
+ <polyline
1810
+ points="6 9 12 15 18 9"
1811
+ />
1812
+ </svg>
1813
+ </span>
1814
+ </h2>
1815
+ <WithStyles(Collapse)
1816
+ in={false}
1817
+ timeout="auto"
1818
+ >
1819
+ <Collapse
1820
+ classes={
1821
+ Object {
1822
+ "container": "MuiCollapse-container-11",
1823
+ "entered": "MuiCollapse-entered-12",
1824
+ "wrapper": "MuiCollapse-wrapper-13",
1825
+ "wrapperInner": "MuiCollapse-wrapperInner-14",
1826
+ }
1827
+ }
1828
+ collapsedHeight="0px"
1829
+ component="div"
1830
+ in={false}
1831
+ theme={
1832
+ Object {
1833
+ "breakpoints": Object {
1834
+ "between": [Function],
1835
+ "down": [Function],
1836
+ "keys": Array [
1837
+ "xs",
1838
+ "sm",
1839
+ "md",
1840
+ "lg",
1841
+ "xl",
1842
+ ],
1843
+ "only": [Function],
1844
+ "up": [Function],
1845
+ "values": Object {
1846
+ "lg": 1280,
1847
+ "md": 960,
1848
+ "sm": 600,
1849
+ "xl": 1920,
1850
+ "xs": 0,
1851
+ },
1852
+ "width": [Function],
1853
+ },
1854
+ "direction": "ltr",
1855
+ "mixins": Object {
1856
+ "gutters": [Function],
1857
+ "toolbar": Object {
1858
+ "@media (min-width:0px) and (orientation: landscape)": Object {
1859
+ "minHeight": 48,
1860
+ },
1861
+ "@media (min-width:600px)": Object {
1862
+ "minHeight": 64,
1863
+ },
1864
+ "minHeight": 56,
1865
+ },
1356
1866
  },
1357
- "subtitle1": Object {
1358
- "color": "rgba(0, 0, 0, 0.87)",
1359
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1360
- "fontSize": "1rem",
1361
- "fontWeight": 400,
1362
- "letterSpacing": "0.00938em",
1363
- "lineHeight": 1.75,
1867
+ "overrides": Object {
1868
+ "MuiCheckbox": Object {
1869
+ "root": Object {
1870
+ "&$checked": Object {
1871
+ "color": "#3f51b5 !important",
1872
+ },
1873
+ },
1874
+ },
1875
+ "MuiRadio": Object {
1876
+ "root": Object {
1877
+ "&$checked": Object {
1878
+ "color": "#3f51b5 !important",
1879
+ },
1880
+ },
1881
+ },
1882
+ "MuiSwitch": Object {
1883
+ "root": Object {
1884
+ "&$checked": Object {
1885
+ "& + $bar": Object {
1886
+ "backgroundColor": "#3f51b5 !important",
1887
+ "opacity": 0.5,
1888
+ },
1889
+ "color": "#3f51b5 !important",
1890
+ },
1891
+ },
1892
+ },
1893
+ "MuiTabs": Object {
1894
+ "root": Object {
1895
+ "borderBottom": "1px solid #eee",
1896
+ },
1897
+ },
1898
+ "MuiTypography": Object {
1899
+ "root": Object {
1900
+ "fontFamily": "inherit",
1901
+ },
1902
+ },
1364
1903
  },
1365
- "subtitle2": Object {
1366
- "color": "rgba(0, 0, 0, 0.87)",
1367
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1368
- "fontSize": "0.875rem",
1369
- "fontWeight": 500,
1370
- "letterSpacing": "0.00714em",
1371
- "lineHeight": 1.57,
1904
+ "palette": Object {
1905
+ "action": Object {
1906
+ "active": "rgba(0, 0, 0, 0.54)",
1907
+ "disabled": "rgba(0, 0, 0, 0.54);",
1908
+ "disabledBackground": "rgba(0, 0, 0, 0.12)",
1909
+ "hover": "rgba(0, 0, 0, 0.08)",
1910
+ "hoverOpacity": 0.08,
1911
+ "selected": "rgba(0, 0, 0, 0.14)",
1912
+ },
1913
+ "augmentColor": [Function],
1914
+ "background": Object {
1915
+ "default": "#fafafa",
1916
+ "paper": "#fff",
1917
+ },
1918
+ "common": Object {
1919
+ "black": "#000",
1920
+ "white": "#fff",
1921
+ },
1922
+ "contrastThreshold": 3,
1923
+ "divider": "rgba(0, 0, 0, 0.12)",
1924
+ "error": Object {
1925
+ "contrastText": "#fff",
1926
+ "dark": "#d32f2f",
1927
+ "light": "#e57373",
1928
+ "main": "#f44336",
1929
+ },
1930
+ "getContrastText": [Function],
1931
+ "grey": Object {
1932
+ "100": "#f5f5f5",
1933
+ "200": "#eeeeee",
1934
+ "300": "#e0e0e0",
1935
+ "400": "#bdbdbd",
1936
+ "50": "#fafafa",
1937
+ "500": "#9e9e9e",
1938
+ "600": "#757575",
1939
+ "700": "#616161",
1940
+ "800": "#424242",
1941
+ "900": "#212121",
1942
+ "A100": "#d5d5d5",
1943
+ "A200": "#aaaaaa",
1944
+ "A400": "#303030",
1945
+ "A700": "#616161",
1946
+ },
1947
+ "primary": Object {
1948
+ "contrastText": "#fff",
1949
+ "dark": "#303f9f",
1950
+ "light": "#7986cb",
1951
+ "main": "#3f51b5",
1952
+ },
1953
+ "secondary": Object {
1954
+ "contrastText": "#fff",
1955
+ "dark": "#c51162",
1956
+ "light": "#ff4081",
1957
+ "main": "#f50057",
1958
+ },
1959
+ "text": Object {
1960
+ "disabled": "rgba(0, 0, 0, 0.38)",
1961
+ "hint": "rgba(0, 0, 0, 0.38)",
1962
+ "primary": "rgba(0, 0, 0, 0.87)",
1963
+ "secondary": "rgba(0, 0, 0, 0.54)",
1964
+ },
1965
+ "tonalOffset": 0.2,
1966
+ "type": "light",
1967
+ },
1968
+ "props": Object {},
1969
+ "shadows": Array [
1970
+ "none",
1971
+ "0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12)",
1972
+ "0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12)",
1973
+ "0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)",
1974
+ "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
1975
+ "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
1976
+ "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
1977
+ "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
1978
+ "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
1979
+ "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
1980
+ "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
1981
+ "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
1982
+ "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
1983
+ "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
1984
+ "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
1985
+ "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
1986
+ "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
1987
+ "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
1988
+ "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
1989
+ "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
1990
+ "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
1991
+ "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
1992
+ "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
1993
+ "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
1994
+ "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
1995
+ ],
1996
+ "shape": Object {
1997
+ "borderRadius": 4,
1998
+ },
1999
+ "spacing": Object {
2000
+ "unit": 8,
2001
+ },
2002
+ "transitions": Object {
2003
+ "create": [Function],
2004
+ "duration": Object {
2005
+ "complex": 375,
2006
+ "enteringScreen": 225,
2007
+ "leavingScreen": 195,
2008
+ "short": 250,
2009
+ "shorter": 200,
2010
+ "shortest": 150,
2011
+ "standard": 300,
2012
+ },
2013
+ "easing": Object {
2014
+ "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
2015
+ "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
2016
+ "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
2017
+ "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
2018
+ },
2019
+ "getAutoHeightDuration": [Function],
2020
+ },
2021
+ "typography": Object {
2022
+ "body1": Object {
2023
+ "color": "rgba(0, 0, 0, 0.87)",
2024
+ "fontFamily": "inherit",
2025
+ "fontSize": "1rem",
2026
+ "fontWeight": 400,
2027
+ "lineHeight": 1.5,
2028
+ },
2029
+ "body1Next": Object {
2030
+ "color": "rgba(0, 0, 0, 0.87)",
2031
+ "fontFamily": "inherit",
2032
+ "fontSize": "1rem",
2033
+ "fontWeight": 400,
2034
+ "lineHeight": 1.5,
2035
+ },
2036
+ "body2": Object {
2037
+ "color": "rgba(0, 0, 0, 0.87)",
2038
+ "fontFamily": "inherit",
2039
+ "fontSize": "0.875rem",
2040
+ "fontWeight": 400,
2041
+ "lineHeight": 1.5,
2042
+ },
2043
+ "body2Next": Object {
2044
+ "color": "rgba(0, 0, 0, 0.87)",
2045
+ "fontFamily": "inherit",
2046
+ "fontSize": "0.875rem",
2047
+ "fontWeight": 400,
2048
+ "lineHeight": 1.5,
2049
+ },
2050
+ "button": Object {
2051
+ "color": "rgba(0, 0, 0, 0.87)",
2052
+ "fontFamily": "inherit",
2053
+ "fontSize": "0.875rem",
2054
+ "fontWeight": 500,
2055
+ "lineHeight": 1.75,
2056
+ "textTransform": "uppercase",
2057
+ },
2058
+ "buttonNext": Object {
2059
+ "color": "rgba(0, 0, 0, 0.87)",
2060
+ "fontFamily": "inherit",
2061
+ "fontSize": "0.875rem",
2062
+ "fontWeight": 500,
2063
+ "lineHeight": 1.75,
2064
+ "textTransform": "uppercase",
2065
+ },
2066
+ "caption": Object {
2067
+ "color": "rgba(0, 0, 0, 0.87)",
2068
+ "fontFamily": "inherit",
2069
+ "fontSize": "0.75rem",
2070
+ "fontWeight": 400,
2071
+ "lineHeight": 1.66,
2072
+ },
2073
+ "captionNext": Object {
2074
+ "color": "rgba(0, 0, 0, 0.87)",
2075
+ "fontFamily": "inherit",
2076
+ "fontSize": "0.75rem",
2077
+ "fontWeight": 400,
2078
+ "lineHeight": 1.66,
2079
+ },
2080
+ "display1": Object {
2081
+ "color": "rgba(0, 0, 0, 0.54)",
2082
+ "fontFamily": "inherit",
2083
+ "fontSize": "2.125rem",
2084
+ "fontWeight": 400,
2085
+ "lineHeight": "1.20588em",
2086
+ },
2087
+ "display2": Object {
2088
+ "color": "rgba(0, 0, 0, 0.54)",
2089
+ "fontFamily": "inherit",
2090
+ "fontSize": "2.8125rem",
2091
+ "fontWeight": 400,
2092
+ "lineHeight": "1.13333em",
2093
+ "marginLeft": "-.02em",
2094
+ },
2095
+ "display3": Object {
2096
+ "color": "rgba(0, 0, 0, 0.54)",
2097
+ "fontFamily": "inherit",
2098
+ "fontSize": "3.5rem",
2099
+ "fontWeight": 400,
2100
+ "letterSpacing": "-.02em",
2101
+ "lineHeight": "1.30357em",
2102
+ "marginLeft": "-.02em",
2103
+ },
2104
+ "display4": Object {
2105
+ "color": "rgba(0, 0, 0, 0.54)",
2106
+ "fontFamily": "inherit",
2107
+ "fontSize": "7rem",
2108
+ "fontWeight": 300,
2109
+ "letterSpacing": "-.04em",
2110
+ "lineHeight": "1.14286em",
2111
+ "marginLeft": "-.04em",
2112
+ },
2113
+ "fontFamily": "inherit",
2114
+ "fontSize": 14,
2115
+ "fontWeightLight": 300,
2116
+ "fontWeightMedium": 500,
2117
+ "fontWeightRegular": 400,
2118
+ "h1": Object {
2119
+ "color": "rgba(0, 0, 0, 0.87)",
2120
+ "fontFamily": "inherit",
2121
+ "fontSize": "6rem",
2122
+ "fontWeight": 300,
2123
+ "lineHeight": 1,
2124
+ },
2125
+ "h2": Object {
2126
+ "color": "rgba(0, 0, 0, 0.87)",
2127
+ "fontFamily": "inherit",
2128
+ "fontSize": "3.75rem",
2129
+ "fontWeight": 300,
2130
+ "lineHeight": 1,
2131
+ },
2132
+ "h3": Object {
2133
+ "color": "rgba(0, 0, 0, 0.87)",
2134
+ "fontFamily": "inherit",
2135
+ "fontSize": "3rem",
2136
+ "fontWeight": 400,
2137
+ "lineHeight": 1.04,
2138
+ },
2139
+ "h4": Object {
2140
+ "color": "rgba(0, 0, 0, 0.87)",
2141
+ "fontFamily": "inherit",
2142
+ "fontSize": "2.125rem",
2143
+ "fontWeight": 400,
2144
+ "lineHeight": 1.17,
2145
+ },
2146
+ "h5": Object {
2147
+ "color": "rgba(0, 0, 0, 0.87)",
2148
+ "fontFamily": "inherit",
2149
+ "fontSize": "1.5rem",
2150
+ "fontWeight": 400,
2151
+ "lineHeight": 1.33,
2152
+ },
2153
+ "h6": Object {
2154
+ "color": "rgba(0, 0, 0, 0.87)",
2155
+ "fontFamily": "inherit",
2156
+ "fontSize": "1.25rem",
2157
+ "fontWeight": 500,
2158
+ "lineHeight": 1.6,
2159
+ },
2160
+ "headline": Object {
2161
+ "color": "rgba(0, 0, 0, 0.87)",
2162
+ "fontFamily": "inherit",
2163
+ "fontSize": "1.5rem",
2164
+ "fontWeight": 400,
2165
+ "lineHeight": "1.35417em",
2166
+ },
2167
+ "overline": Object {
2168
+ "color": "rgba(0, 0, 0, 0.87)",
2169
+ "fontFamily": "inherit",
2170
+ "fontSize": "0.75rem",
2171
+ "fontWeight": 400,
2172
+ "lineHeight": 2.66,
2173
+ "textTransform": "uppercase",
2174
+ },
2175
+ "pxToRem": [Function],
2176
+ "round": [Function],
2177
+ "subheading": Object {
2178
+ "color": "rgba(0, 0, 0, 0.87)",
2179
+ "fontFamily": "inherit",
2180
+ "fontSize": "1rem",
2181
+ "fontWeight": 400,
2182
+ "lineHeight": "1.5em",
2183
+ },
2184
+ "subtitle1": Object {
2185
+ "color": "rgba(0, 0, 0, 0.87)",
2186
+ "fontFamily": "inherit",
2187
+ "fontSize": "1rem",
2188
+ "fontWeight": 400,
2189
+ "lineHeight": 1.75,
2190
+ },
2191
+ "subtitle2": Object {
2192
+ "color": "rgba(0, 0, 0, 0.87)",
2193
+ "fontFamily": "inherit",
2194
+ "fontSize": "0.875rem",
2195
+ "fontWeight": 500,
2196
+ "lineHeight": 1.57,
2197
+ },
2198
+ "title": Object {
2199
+ "color": "rgba(0, 0, 0, 0.87)",
2200
+ "fontFamily": "inherit",
2201
+ "fontSize": "1.3125rem",
2202
+ "fontWeight": 500,
2203
+ "lineHeight": "1.16667em",
2204
+ },
2205
+ "useNextVariants": true,
1372
2206
  },
1373
- "title": Object {
1374
- "color": "rgba(0, 0, 0, 0.87)",
1375
- "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
1376
- "fontSize": "1.3125rem",
1377
- "fontWeight": 500,
1378
- "lineHeight": "1.16667em",
2207
+ "zIndex": Object {
2208
+ "appBar": 1100,
2209
+ "drawer": 1200,
2210
+ "mobileStepper": 1000,
2211
+ "modal": 1300,
2212
+ "snackbar": 1400,
2213
+ "tooltip": 1500,
1379
2214
  },
1380
- "useNextVariants": false,
1381
- },
1382
- "zIndex": Object {
1383
- "appBar": 1100,
1384
- "drawer": 1200,
1385
- "mobileStepper": 1000,
1386
- "modal": 1300,
1387
- "snackbar": 1400,
1388
- "tooltip": 1500,
1389
- },
2215
+ }
1390
2216
  }
1391
- }
1392
- timeout="auto"
1393
- >
1394
- <Transition
1395
- addEndListener={[Function]}
1396
- appear={false}
1397
- enter={true}
1398
- exit={true}
1399
- in={false}
1400
- mountOnEnter={false}
1401
- onEnter={[Function]}
1402
- onEntered={[Function]}
1403
- onEntering={[Function]}
1404
- onExit={[Function]}
1405
- onExited={[Function]}
1406
- onExiting={[Function]}
1407
- timeout={null}
1408
- unmountOnExit={false}
2217
+ timeout="auto"
1409
2218
  >
1410
- <div
1411
- className="MuiCollapse-container-11"
1412
- style={
1413
- Object {
1414
- "minHeight": "0px",
1415
- }
1416
- }
2219
+ <Transition
2220
+ addEndListener={[Function]}
2221
+ appear={false}
2222
+ enter={true}
2223
+ exit={true}
2224
+ in={false}
2225
+ mountOnEnter={false}
2226
+ onEnter={[Function]}
2227
+ onEntered={[Function]}
2228
+ onEntering={[Function]}
2229
+ onExit={[Function]}
2230
+ onExited={[Function]}
2231
+ onExiting={[Function]}
2232
+ timeout={null}
2233
+ unmountOnExit={false}
1417
2234
  >
1418
2235
  <div
1419
- className="MuiCollapse-wrapper-13"
2236
+ className="MuiCollapse-container-11"
2237
+ style={
2238
+ Object {
2239
+ "minHeight": "0px",
2240
+ }
2241
+ }
1420
2242
  >
1421
2243
  <div
1422
- className="MuiCollapse-wrapperInner-14"
2244
+ className="MuiCollapse-wrapper-13"
1423
2245
  >
1424
- <WithStyles(List)
1425
- component="nav"
2246
+ <div
2247
+ className="MuiCollapse-wrapperInner-14"
1426
2248
  >
1427
- <List
1428
- classes={
1429
- Object {
1430
- "dense": "MuiList-dense-17",
1431
- "padding": "MuiList-padding-16",
1432
- "root": "MuiList-root-15",
1433
- "subheader": "MuiList-subheader-18",
1434
- }
1435
- }
2249
+ <WithStyles(List)
1436
2250
  component="nav"
1437
- dense={false}
1438
- disablePadding={false}
1439
2251
  >
1440
- <nav
1441
- className="MuiList-root-15 MuiList-padding-16"
2252
+ <List
2253
+ classes={
2254
+ Object {
2255
+ "dense": "MuiList-dense-17",
2256
+ "padding": "MuiList-padding-16",
2257
+ "root": "MuiList-root-15",
2258
+ "subheader": "MuiList-subheader-18",
2259
+ }
2260
+ }
2261
+ component="nav"
2262
+ dense={false}
2263
+ disablePadding={false}
1442
2264
  >
1443
- <WithStyles(ListItem)
1444
- className="Rubric-listColumn-2"
1445
- key="P3"
2265
+ <nav
2266
+ className="MuiList-root-15 MuiList-padding-16"
1446
2267
  >
1447
- <ListItem
1448
- ContainerComponent="li"
1449
- alignItems="center"
1450
- button={false}
2268
+ <WithStyles(ListItem)
1451
2269
  className="Rubric-listColumn-2"
1452
- classes={
1453
- Object {
1454
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
1455
- "button": "MuiListItem-button-28",
1456
- "container": "MuiListItem-container-20",
1457
- "default": "MuiListItem-default-22",
1458
- "dense": "MuiListItem-dense-23",
1459
- "disabled": "MuiListItem-disabled-25",
1460
- "divider": "MuiListItem-divider-26",
1461
- "focusVisible": "MuiListItem-focusVisible-21",
1462
- "gutters": "MuiListItem-gutters-27",
1463
- "root": "MuiListItem-root-19",
1464
- "secondaryAction": "MuiListItem-secondaryAction-29",
1465
- "selected": "MuiListItem-selected-30",
1466
- }
1467
- }
1468
- dense={false}
1469
- disableGutters={false}
1470
- disabled={false}
1471
- divider={false}
1472
- selected={false}
2270
+ key="P3"
1473
2271
  >
1474
- <MergeListContext
2272
+ <ListItem
2273
+ ContainerComponent="li"
1475
2274
  alignItems="center"
2275
+ button={false}
2276
+ className="Rubric-listColumn-2"
2277
+ classes={
2278
+ Object {
2279
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
2280
+ "button": "MuiListItem-button-28",
2281
+ "container": "MuiListItem-container-20",
2282
+ "default": "MuiListItem-default-22",
2283
+ "dense": "MuiListItem-dense-23",
2284
+ "disabled": "MuiListItem-disabled-25",
2285
+ "divider": "MuiListItem-divider-26",
2286
+ "focusVisible": "MuiListItem-focusVisible-21",
2287
+ "gutters": "MuiListItem-gutters-27",
2288
+ "root": "MuiListItem-root-19",
2289
+ "secondaryAction": "MuiListItem-secondaryAction-29",
2290
+ "selected": "MuiListItem-selected-30",
2291
+ }
2292
+ }
1476
2293
  dense={false}
2294
+ disableGutters={false}
2295
+ disabled={false}
2296
+ divider={false}
2297
+ selected={false}
1477
2298
  >
1478
- <li
1479
- className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
1480
- disabled={false}
2299
+ <MergeListContext
2300
+ alignItems="center"
2301
+ dense={false}
1481
2302
  >
1482
- <h3
1483
- className="Rubric-titleText-5"
1484
- key=".0"
2303
+ <li
2304
+ className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
2305
+ disabled={false}
1485
2306
  >
1486
- 3 PTS
1487
- </h3>
1488
- <div
1489
- className="Rubric-text-4"
1490
- dangerouslySetInnerHTML={
1491
- Object {
1492
- "__html": "bingo",
2307
+ <h3
2308
+ className="Rubric-titleText-5"
2309
+ key=".0"
2310
+ >
2311
+ 3 PTS
2312
+ </h3>
2313
+ <div
2314
+ className="Rubric-text-4"
2315
+ dangerouslySetInnerHTML={
2316
+ Object {
2317
+ "__html": "bingo",
2318
+ }
1493
2319
  }
1494
- }
1495
- key=".1"
1496
- />
1497
- </li>
1498
- </MergeListContext>
1499
- </ListItem>
1500
- </WithStyles(ListItem)>
1501
- <WithStyles(ListItem)
1502
- className="Rubric-listColumn-2"
1503
- key="P2"
1504
- >
1505
- <ListItem
1506
- ContainerComponent="li"
1507
- alignItems="center"
1508
- button={false}
2320
+ key=".1"
2321
+ />
2322
+ </li>
2323
+ </MergeListContext>
2324
+ </ListItem>
2325
+ </WithStyles(ListItem)>
2326
+ <WithStyles(ListItem)
1509
2327
  className="Rubric-listColumn-2"
1510
- classes={
1511
- Object {
1512
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
1513
- "button": "MuiListItem-button-28",
1514
- "container": "MuiListItem-container-20",
1515
- "default": "MuiListItem-default-22",
1516
- "dense": "MuiListItem-dense-23",
1517
- "disabled": "MuiListItem-disabled-25",
1518
- "divider": "MuiListItem-divider-26",
1519
- "focusVisible": "MuiListItem-focusVisible-21",
1520
- "gutters": "MuiListItem-gutters-27",
1521
- "root": "MuiListItem-root-19",
1522
- "secondaryAction": "MuiListItem-secondaryAction-29",
1523
- "selected": "MuiListItem-selected-30",
1524
- }
1525
- }
1526
- dense={false}
1527
- disableGutters={false}
1528
- disabled={false}
1529
- divider={false}
1530
- selected={false}
2328
+ key="P2"
1531
2329
  >
1532
- <MergeListContext
2330
+ <ListItem
2331
+ ContainerComponent="li"
1533
2332
  alignItems="center"
2333
+ button={false}
2334
+ className="Rubric-listColumn-2"
2335
+ classes={
2336
+ Object {
2337
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
2338
+ "button": "MuiListItem-button-28",
2339
+ "container": "MuiListItem-container-20",
2340
+ "default": "MuiListItem-default-22",
2341
+ "dense": "MuiListItem-dense-23",
2342
+ "disabled": "MuiListItem-disabled-25",
2343
+ "divider": "MuiListItem-divider-26",
2344
+ "focusVisible": "MuiListItem-focusVisible-21",
2345
+ "gutters": "MuiListItem-gutters-27",
2346
+ "root": "MuiListItem-root-19",
2347
+ "secondaryAction": "MuiListItem-secondaryAction-29",
2348
+ "selected": "MuiListItem-selected-30",
2349
+ }
2350
+ }
1534
2351
  dense={false}
2352
+ disableGutters={false}
2353
+ disabled={false}
2354
+ divider={false}
2355
+ selected={false}
1535
2356
  >
1536
- <li
1537
- className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
1538
- disabled={false}
2357
+ <MergeListContext
2358
+ alignItems="center"
2359
+ dense={false}
1539
2360
  >
1540
- <h3
1541
- className="Rubric-titleText-5"
1542
- key=".0"
2361
+ <li
2362
+ className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
2363
+ disabled={false}
1543
2364
  >
1544
- 2 PTS
1545
- </h3>
1546
- <div
1547
- className="Rubric-text-4"
1548
- dangerouslySetInnerHTML={
1549
- Object {
1550
- "__html": "mostly right",
2365
+ <h3
2366
+ className="Rubric-titleText-5"
2367
+ key=".0"
2368
+ >
2369
+ 2 PTS
2370
+ </h3>
2371
+ <div
2372
+ className="Rubric-text-4"
2373
+ dangerouslySetInnerHTML={
2374
+ Object {
2375
+ "__html": "mostly right",
2376
+ }
1551
2377
  }
1552
- }
1553
- key=".1"
1554
- />
1555
- </li>
1556
- </MergeListContext>
1557
- </ListItem>
1558
- </WithStyles(ListItem)>
1559
- <WithStyles(ListItem)
1560
- className="Rubric-listColumn-2"
1561
- key="S2"
1562
- >
1563
- <ListItem
1564
- ContainerComponent="li"
1565
- alignItems="center"
1566
- button={false}
2378
+ key=".1"
2379
+ />
2380
+ </li>
2381
+ </MergeListContext>
2382
+ </ListItem>
2383
+ </WithStyles(ListItem)>
2384
+ <WithStyles(ListItem)
1567
2385
  className="Rubric-listColumn-2"
1568
- classes={
1569
- Object {
1570
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
1571
- "button": "MuiListItem-button-28",
1572
- "container": "MuiListItem-container-20",
1573
- "default": "MuiListItem-default-22",
1574
- "dense": "MuiListItem-dense-23",
1575
- "disabled": "MuiListItem-disabled-25",
1576
- "divider": "MuiListItem-divider-26",
1577
- "focusVisible": "MuiListItem-focusVisible-21",
1578
- "gutters": "MuiListItem-gutters-27",
1579
- "root": "MuiListItem-root-19",
1580
- "secondaryAction": "MuiListItem-secondaryAction-29",
1581
- "selected": "MuiListItem-selected-30",
1582
- }
1583
- }
1584
- dense={false}
1585
- disableGutters={false}
1586
- disabled={false}
1587
- divider={false}
1588
- selected={false}
2386
+ key="S2"
1589
2387
  >
1590
- <MergeListContext
2388
+ <ListItem
2389
+ ContainerComponent="li"
1591
2390
  alignItems="center"
2391
+ button={false}
2392
+ className="Rubric-listColumn-2"
2393
+ classes={
2394
+ Object {
2395
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
2396
+ "button": "MuiListItem-button-28",
2397
+ "container": "MuiListItem-container-20",
2398
+ "default": "MuiListItem-default-22",
2399
+ "dense": "MuiListItem-dense-23",
2400
+ "disabled": "MuiListItem-disabled-25",
2401
+ "divider": "MuiListItem-divider-26",
2402
+ "focusVisible": "MuiListItem-focusVisible-21",
2403
+ "gutters": "MuiListItem-gutters-27",
2404
+ "root": "MuiListItem-root-19",
2405
+ "secondaryAction": "MuiListItem-secondaryAction-29",
2406
+ "selected": "MuiListItem-selected-30",
2407
+ }
2408
+ }
1592
2409
  dense={false}
2410
+ disableGutters={false}
2411
+ disabled={false}
2412
+ divider={false}
2413
+ selected={false}
1593
2414
  >
1594
- <li
1595
- className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
1596
- disabled={false}
2415
+ <MergeListContext
2416
+ alignItems="center"
2417
+ dense={false}
1597
2418
  >
1598
- <h4
1599
- className="Rubric-titleText-5"
1600
- key=".0"
1601
- style={
1602
- Object {
1603
- "fontWeight": "normal",
1604
- }
1605
- }
2419
+ <li
2420
+ className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
2421
+ disabled={false}
1606
2422
  >
1607
- Sample Answer
1608
- </h4>
1609
- <div
1610
- className="Rubric-text-4"
1611
- dangerouslySetInnerHTML={
1612
- Object {
1613
- "__html": "not left",
2423
+ <h4
2424
+ className="Rubric-titleText-5"
2425
+ key=".0"
2426
+ style={
2427
+ Object {
2428
+ "fontWeight": "normal",
2429
+ }
1614
2430
  }
1615
- }
1616
- key=".1"
1617
- />
1618
- </li>
1619
- </MergeListContext>
1620
- </ListItem>
1621
- </WithStyles(ListItem)>
1622
- <WithStyles(ListItem)
1623
- className="Rubric-listColumn-2"
1624
- key="P1"
1625
- >
1626
- <ListItem
1627
- ContainerComponent="li"
1628
- alignItems="center"
1629
- button={false}
2431
+ >
2432
+ Sample Answer
2433
+ </h4>
2434
+ <div
2435
+ className="Rubric-text-4"
2436
+ dangerouslySetInnerHTML={
2437
+ Object {
2438
+ "__html": "not left",
2439
+ }
2440
+ }
2441
+ key=".1"
2442
+ />
2443
+ </li>
2444
+ </MergeListContext>
2445
+ </ListItem>
2446
+ </WithStyles(ListItem)>
2447
+ <WithStyles(ListItem)
1630
2448
  className="Rubric-listColumn-2"
1631
- classes={
1632
- Object {
1633
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
1634
- "button": "MuiListItem-button-28",
1635
- "container": "MuiListItem-container-20",
1636
- "default": "MuiListItem-default-22",
1637
- "dense": "MuiListItem-dense-23",
1638
- "disabled": "MuiListItem-disabled-25",
1639
- "divider": "MuiListItem-divider-26",
1640
- "focusVisible": "MuiListItem-focusVisible-21",
1641
- "gutters": "MuiListItem-gutters-27",
1642
- "root": "MuiListItem-root-19",
1643
- "secondaryAction": "MuiListItem-secondaryAction-29",
1644
- "selected": "MuiListItem-selected-30",
1645
- }
1646
- }
1647
- dense={false}
1648
- disableGutters={false}
1649
- disabled={false}
1650
- divider={false}
1651
- selected={false}
2449
+ key="P1"
1652
2450
  >
1653
- <MergeListContext
2451
+ <ListItem
2452
+ ContainerComponent="li"
1654
2453
  alignItems="center"
2454
+ button={false}
2455
+ className="Rubric-listColumn-2"
2456
+ classes={
2457
+ Object {
2458
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
2459
+ "button": "MuiListItem-button-28",
2460
+ "container": "MuiListItem-container-20",
2461
+ "default": "MuiListItem-default-22",
2462
+ "dense": "MuiListItem-dense-23",
2463
+ "disabled": "MuiListItem-disabled-25",
2464
+ "divider": "MuiListItem-divider-26",
2465
+ "focusVisible": "MuiListItem-focusVisible-21",
2466
+ "gutters": "MuiListItem-gutters-27",
2467
+ "root": "MuiListItem-root-19",
2468
+ "secondaryAction": "MuiListItem-secondaryAction-29",
2469
+ "selected": "MuiListItem-selected-30",
2470
+ }
2471
+ }
1655
2472
  dense={false}
2473
+ disableGutters={false}
2474
+ disabled={false}
2475
+ divider={false}
2476
+ selected={false}
1656
2477
  >
1657
- <li
1658
- className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
1659
- disabled={false}
2478
+ <MergeListContext
2479
+ alignItems="center"
2480
+ dense={false}
1660
2481
  >
1661
- <h3
1662
- className="Rubric-titleText-5"
1663
- key=".0"
2482
+ <li
2483
+ className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
2484
+ disabled={false}
1664
2485
  >
1665
- 1 PT
1666
- </h3>
1667
- <div
1668
- className="Rubric-text-4"
1669
- dangerouslySetInnerHTML={
1670
- Object {
1671
- "__html": "a teeny bit right",
2486
+ <h3
2487
+ className="Rubric-titleText-5"
2488
+ key=".0"
2489
+ >
2490
+ 1 PT
2491
+ </h3>
2492
+ <div
2493
+ className="Rubric-text-4"
2494
+ dangerouslySetInnerHTML={
2495
+ Object {
2496
+ "__html": "a teeny bit right",
2497
+ }
1672
2498
  }
1673
- }
1674
- key=".1"
1675
- />
1676
- </li>
1677
- </MergeListContext>
1678
- </ListItem>
1679
- </WithStyles(ListItem)>
1680
- <WithStyles(ListItem)
1681
- className="Rubric-listColumn-2"
1682
- key="S1"
1683
- >
1684
- <ListItem
1685
- ContainerComponent="li"
1686
- alignItems="center"
1687
- button={false}
2499
+ key=".1"
2500
+ />
2501
+ </li>
2502
+ </MergeListContext>
2503
+ </ListItem>
2504
+ </WithStyles(ListItem)>
2505
+ <WithStyles(ListItem)
1688
2506
  className="Rubric-listColumn-2"
1689
- classes={
1690
- Object {
1691
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
1692
- "button": "MuiListItem-button-28",
1693
- "container": "MuiListItem-container-20",
1694
- "default": "MuiListItem-default-22",
1695
- "dense": "MuiListItem-dense-23",
1696
- "disabled": "MuiListItem-disabled-25",
1697
- "divider": "MuiListItem-divider-26",
1698
- "focusVisible": "MuiListItem-focusVisible-21",
1699
- "gutters": "MuiListItem-gutters-27",
1700
- "root": "MuiListItem-root-19",
1701
- "secondaryAction": "MuiListItem-secondaryAction-29",
1702
- "selected": "MuiListItem-selected-30",
1703
- }
1704
- }
1705
- dense={false}
1706
- disableGutters={false}
1707
- disabled={false}
1708
- divider={false}
1709
- selected={false}
2507
+ key="S1"
1710
2508
  >
1711
- <MergeListContext
2509
+ <ListItem
2510
+ ContainerComponent="li"
1712
2511
  alignItems="center"
2512
+ button={false}
2513
+ className="Rubric-listColumn-2"
2514
+ classes={
2515
+ Object {
2516
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
2517
+ "button": "MuiListItem-button-28",
2518
+ "container": "MuiListItem-container-20",
2519
+ "default": "MuiListItem-default-22",
2520
+ "dense": "MuiListItem-dense-23",
2521
+ "disabled": "MuiListItem-disabled-25",
2522
+ "divider": "MuiListItem-divider-26",
2523
+ "focusVisible": "MuiListItem-focusVisible-21",
2524
+ "gutters": "MuiListItem-gutters-27",
2525
+ "root": "MuiListItem-root-19",
2526
+ "secondaryAction": "MuiListItem-secondaryAction-29",
2527
+ "selected": "MuiListItem-selected-30",
2528
+ }
2529
+ }
1713
2530
  dense={false}
2531
+ disableGutters={false}
2532
+ disabled={false}
2533
+ divider={false}
2534
+ selected={false}
1714
2535
  >
1715
- <li
1716
- className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
1717
- disabled={false}
2536
+ <MergeListContext
2537
+ alignItems="center"
2538
+ dense={false}
1718
2539
  >
1719
- <h4
1720
- className="Rubric-titleText-5"
1721
- key=".0"
1722
- style={
1723
- Object {
1724
- "fontWeight": "normal",
1725
- }
1726
- }
2540
+ <li
2541
+ className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
2542
+ disabled={false}
1727
2543
  >
1728
- Sample Answer
1729
- </h4>
1730
- <div
1731
- className="Rubric-text-4"
1732
- dangerouslySetInnerHTML={
1733
- Object {
1734
- "__html": "just right",
2544
+ <h4
2545
+ className="Rubric-titleText-5"
2546
+ key=".0"
2547
+ style={
2548
+ Object {
2549
+ "fontWeight": "normal",
2550
+ }
1735
2551
  }
1736
- }
1737
- key=".1"
1738
- />
1739
- </li>
1740
- </MergeListContext>
1741
- </ListItem>
1742
- </WithStyles(ListItem)>
1743
- <WithStyles(ListItem)
1744
- className="Rubric-listColumn-2"
1745
- key="P0"
1746
- >
1747
- <ListItem
1748
- ContainerComponent="li"
1749
- alignItems="center"
1750
- button={false}
2552
+ >
2553
+ Sample Answer
2554
+ </h4>
2555
+ <div
2556
+ className="Rubric-text-4"
2557
+ dangerouslySetInnerHTML={
2558
+ Object {
2559
+ "__html": "just right",
2560
+ }
2561
+ }
2562
+ key=".1"
2563
+ />
2564
+ </li>
2565
+ </MergeListContext>
2566
+ </ListItem>
2567
+ </WithStyles(ListItem)>
2568
+ <WithStyles(ListItem)
1751
2569
  className="Rubric-listColumn-2"
1752
- classes={
1753
- Object {
1754
- "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
1755
- "button": "MuiListItem-button-28",
1756
- "container": "MuiListItem-container-20",
1757
- "default": "MuiListItem-default-22",
1758
- "dense": "MuiListItem-dense-23",
1759
- "disabled": "MuiListItem-disabled-25",
1760
- "divider": "MuiListItem-divider-26",
1761
- "focusVisible": "MuiListItem-focusVisible-21",
1762
- "gutters": "MuiListItem-gutters-27",
1763
- "root": "MuiListItem-root-19",
1764
- "secondaryAction": "MuiListItem-secondaryAction-29",
1765
- "selected": "MuiListItem-selected-30",
1766
- }
1767
- }
1768
- dense={false}
1769
- disableGutters={false}
1770
- disabled={false}
1771
- divider={false}
1772
- selected={false}
2570
+ key="P0"
1773
2571
  >
1774
- <MergeListContext
2572
+ <ListItem
2573
+ ContainerComponent="li"
1775
2574
  alignItems="center"
2575
+ button={false}
2576
+ className="Rubric-listColumn-2"
2577
+ classes={
2578
+ Object {
2579
+ "alignItemsFlexStart": "MuiListItem-alignItemsFlexStart-24",
2580
+ "button": "MuiListItem-button-28",
2581
+ "container": "MuiListItem-container-20",
2582
+ "default": "MuiListItem-default-22",
2583
+ "dense": "MuiListItem-dense-23",
2584
+ "disabled": "MuiListItem-disabled-25",
2585
+ "divider": "MuiListItem-divider-26",
2586
+ "focusVisible": "MuiListItem-focusVisible-21",
2587
+ "gutters": "MuiListItem-gutters-27",
2588
+ "root": "MuiListItem-root-19",
2589
+ "secondaryAction": "MuiListItem-secondaryAction-29",
2590
+ "selected": "MuiListItem-selected-30",
2591
+ }
2592
+ }
1776
2593
  dense={false}
2594
+ disableGutters={false}
2595
+ disabled={false}
2596
+ divider={false}
2597
+ selected={false}
1777
2598
  >
1778
- <li
1779
- className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
1780
- disabled={false}
2599
+ <MergeListContext
2600
+ alignItems="center"
2601
+ dense={false}
1781
2602
  >
1782
- <h3
1783
- className="Rubric-titleText-5"
1784
- key=".0"
2603
+ <li
2604
+ className="MuiListItem-root-19 MuiListItem-default-22 MuiListItem-gutters-27 Rubric-listColumn-2"
2605
+ disabled={false}
1785
2606
  >
1786
- 0 PTS
1787
- </h3>
1788
- <div
1789
- className="Rubric-text-4"
1790
- dangerouslySetInnerHTML={
1791
- Object {
1792
- "__html": "nothing right",
2607
+ <h3
2608
+ className="Rubric-titleText-5"
2609
+ key=".0"
2610
+ >
2611
+ 0 PTS
2612
+ </h3>
2613
+ <div
2614
+ className="Rubric-text-4"
2615
+ dangerouslySetInnerHTML={
2616
+ Object {
2617
+ "__html": "nothing right",
2618
+ }
1793
2619
  }
1794
- }
1795
- key=".1"
1796
- />
1797
- </li>
1798
- </MergeListContext>
1799
- </ListItem>
1800
- </WithStyles(ListItem)>
1801
- </nav>
1802
- </List>
1803
- </WithStyles(List)>
2620
+ key=".1"
2621
+ />
2622
+ </li>
2623
+ </MergeListContext>
2624
+ </ListItem>
2625
+ </WithStyles(ListItem)>
2626
+ </nav>
2627
+ </List>
2628
+ </WithStyles(List)>
2629
+ </div>
1804
2630
  </div>
1805
2631
  </div>
1806
- </div>
1807
- </Transition>
1808
- </Collapse>
1809
- </WithStyles(Collapse)>
1810
- </div>
2632
+ </Transition>
2633
+ </Collapse>
2634
+ </WithStyles(Collapse)>
2635
+ </div>
2636
+ </MuiThemeProviderOld>
1811
2637
  </UiLayout>
1812
2638
  </WithStyles(UiLayout)>
1813
2639
  </Rubric>