@khanacademy/perseus-editor 11.2.0 → 11.4.0

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.
@@ -1,7 +1,6 @@
1
1
  import * as React from "react";
2
2
  import Editor from "./editor";
3
- import type { APIOptions, WidgetDict, ImageDict, Hint, ChangeHandler, DeviceType } from "@khanacademy/perseus";
4
- type ImageUploader = (file: string, callback: (url: string) => unknown) => unknown;
3
+ import type { APIOptions, WidgetDict, ImageDict, Hint, ChangeHandler, DeviceType, ImageUploader } from "@khanacademy/perseus";
5
4
  type HintEditorProps = {
6
5
  itemId?: string;
7
6
  apiOptions?: APIOptions;
package/dist/index.css CHANGED
@@ -84,6 +84,9 @@
84
84
  border: 1px solid #ddd;
85
85
  padding: 10px;
86
86
  }
87
+ .perseus-answer-options * {
88
+ margin-bottom: 4px;
89
+ }
87
90
  .perseus-answer-widget {
88
91
  border: 1px solid #ddd;
89
92
  border-radius: 0 0 3px 3px;
@@ -326,31 +329,6 @@
326
329
  .perseus-article-editor .perseus-editor-left-cell > .pod-title {
327
330
  padding: 4px 9px;
328
331
  }
329
- .perseus-widget-expression-editor .answer-options-list li {
330
- margin: 5px 0;
331
- }
332
- .perseus-widget-expression-editor .answer-status {
333
- color: inherit;
334
- cursor: pointer;
335
- display: inline-block;
336
- text-align: center;
337
- text-decoration: none;
338
- width: 75%;
339
- -webkit-user-select: none;
340
- user-select: none;
341
- }
342
- .perseus-widget-expression-editor .answer-status.wrong {
343
- background-color: #ffcccc;
344
- }
345
- .perseus-widget-expression-editor .answer-status.correct {
346
- background-color: #aaffaa;
347
- }
348
- .perseus-widget-expression-editor .answer-status.ungraded {
349
- background-color: #d9edf7;
350
- }
351
- .perseus-widget-expression-editor .expression-editor-h3 {
352
- margin: 10px 0 4px;
353
- }
354
332
  .perseus-widget-dropdown input[type="text"] {
355
333
  border: 1px solid #ccc;
356
334
  border-radius: 5px;
@@ -746,48 +724,6 @@
746
724
  .info-tip-content-container p + p {
747
725
  margin-top: 22px;
748
726
  }
749
- .expression-answer-option {
750
- border: 1px solid #ddd;
751
- border-radius: 3px;
752
- }
753
- .expression-answer-option .answer-handle {
754
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==) no-repeat 50% 50%;
755
- border-right: 1px solid #ddd;
756
- cursor: move;
757
- display: table-cell;
758
- width: 20px;
759
- }
760
- .expression-answer-option .answer-body {
761
- display: table-cell;
762
- }
763
- .expression-answer-option .answer-considered {
764
- display: table;
765
- }
766
- .expression-answer-option .answer-expression {
767
- display: table-cell;
768
- }
769
- .expression-answer-option .answer-status {
770
- display: table-cell;
771
- width: 100px;
772
- }
773
- .expression-answer-option .answer-option {
774
- padding-left: 5px;
775
- }
776
- .expression-answer-option .remove-container {
777
- padding: 5px;
778
- }
779
- .expression-answer-option .remove-container button {
780
- width: 100%;
781
- }
782
- .expression-answer-option .perseus-math-input {
783
- width: 236px;
784
- }
785
- .expression-answer-option .perseus-math-input .mq-root-block {
786
- border-top: none;
787
- border-right: none;
788
- border-bottom: 1px solid #ddd !important;
789
- border-left: 1px solid #ddd !important;
790
- }
791
727
  .perseus-widget-interaction-editor .perseus-widget-interaction-editor-select-element {
792
728
  background-color: #eee;
793
729
  border: 1px solid #ddd;
@@ -852,21 +788,9 @@
852
788
  .perseus-interaction-element .perseus-interaction-element-content.leave {
853
789
  display: none;
854
790
  }
855
- .button-set-label {
856
- display: block;
857
- }
858
- .button-set-label-float {
859
- display: block;
860
- float: left;
861
- margin-right: 10px;
862
- }
863
791
  .button-set-separator {
864
792
  margin: 10px 0;
865
793
  }
866
- .show-div-button {
867
- -webkit-user-select: none;
868
- user-select: none;
869
- }
870
794
  .perseus-widget-editor .unit-radio {
871
795
  color: black;
872
796
  text-decoration: none;