@khanacademy/perseus 0.2.8 → 0.3.2

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,32 @@
1
1
  # @khanacademy/perseus
2
2
 
3
+ ## 0.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [96288b87]
8
+ - @khanacademy/math-input@0.5.3
9
+
10
+ ## 0.3.1
11
+
12
+ ### Patch Changes
13
+
14
+ - bfbcf273: Export new type: VideoKind (a parameter for the `useVideo` hook)
15
+
16
+ ## 0.3.0
17
+
18
+ ### Minor Changes
19
+
20
+ - 2578bd16: Rename NotGorgon to TranslationLinter
21
+ - 2578bd16: Rename Gorgon to PerseusLinter
22
+
23
+ ### Patch Changes
24
+
25
+ - 4fb18745: Consume math-input .less directly instead of post-compilation
26
+ - Updated dependencies [2578bd16]
27
+ - Updated dependencies [2578bd16]
28
+ - @khanacademy/perseus-linter@0.2.0
29
+
3
30
  ## 0.2.8
4
31
 
5
32
  ### Patch Changes
package/dist/es/index.css CHANGED
@@ -1,3 +1,4 @@
1
+ @import "../../../node_modules/mathquill/build/mathquill.css";
1
2
  .exercise, .vars, #next { display: none; }
2
3
  p.question { font-weight: bold; }
3
4
  var { font-style: normal; }
@@ -3783,441 +3784,6 @@ body.mobile .framework-perseus table.perseus-widget-table-of-values.non-markdown
3783
3784
  * If the animation durations change, the corresponding values in
3784
3785
  * echo-manager.js must change as well.
3785
3786
  */
3786
- /*
3787
- * MathQuill v0.10.1 http://mathquill.com
3788
- * by Han, Jeanine, and Mary maintainers@mathquill.com
3789
- *
3790
- * This Source Code Form is subject to the terms of the
3791
- * Mozilla Public License, v. 2.0. If a copy of the MPL
3792
- * was not distributed with this file, You can obtain
3793
- * one at http://mozilla.org/MPL/2.0/.
3794
- */
3795
- @font-face {
3796
- font-family: Symbola;
3797
- src: url(/fonts/Symbola.eot);
3798
- src: local("Symbola Regular"), local("Symbola"), url(/fonts/Symbola.woff2) format("woff2"), url(/fonts/Symbola.woff) format("woff"), url(/fonts/Symbola.ttf) format("truetype"), url(/fonts/Symbola.otf) format("opentype"), url(/fonts/Symbola.svg#Symbola) format("svg");
3799
- }
3800
- .mq-editable-field {
3801
- display: -moz-inline-box;
3802
- display: inline-block;
3803
- }
3804
- .mq-editable-field .mq-cursor {
3805
- border-left: 1px solid black;
3806
- margin-left: -1px;
3807
- position: relative;
3808
- z-index: 1;
3809
- padding: 0;
3810
- display: -moz-inline-box;
3811
- display: inline-block;
3812
- }
3813
- .mq-editable-field .mq-cursor.mq-blink {
3814
- visibility: hidden;
3815
- }
3816
- .mq-editable-field,
3817
- .mq-math-mode .mq-editable-field {
3818
- border: 1px solid gray;
3819
- }
3820
- .mq-editable-field.mq-focused,
3821
- .mq-math-mode .mq-editable-field.mq-focused {
3822
- -webkit-box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;
3823
- -moz-box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;
3824
- box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;
3825
- border-color: #709AC0;
3826
- border-radius: 1px;
3827
- }
3828
- .mq-math-mode .mq-editable-field {
3829
- margin: 1px;
3830
- }
3831
- .mq-editable-field .mq-latex-command-input {
3832
- color: inherit;
3833
- font-family: "Courier New", monospace;
3834
- border: 1px solid gray;
3835
- padding-right: 1px;
3836
- margin-right: 1px;
3837
- margin-left: 2px;
3838
- }
3839
- .mq-editable-field .mq-latex-command-input.mq-empty {
3840
- background: transparent;
3841
- }
3842
- .mq-editable-field .mq-latex-command-input.mq-hasCursor {
3843
- border-color: ActiveBorder;
3844
- }
3845
- .mq-editable-field.mq-empty:after,
3846
- .mq-editable-field.mq-text-mode:after,
3847
- .mq-math-mode .mq-empty:after {
3848
- visibility: hidden;
3849
- content: 'c';
3850
- }
3851
- .mq-editable-field .mq-cursor:only-child:after,
3852
- .mq-editable-field .mq-textarea + .mq-cursor:last-child:after {
3853
- visibility: hidden;
3854
- content: 'c';
3855
- }
3856
- .mq-editable-field .mq-text-mode .mq-cursor:only-child:after {
3857
- content: '';
3858
- }
3859
- .mq-editable-field.mq-text-mode {
3860
- overflow-x: auto;
3861
- overflow-y: hidden;
3862
- }
3863
- .mq-root-block,
3864
- .mq-math-mode .mq-root-block {
3865
- display: -moz-inline-box;
3866
- display: inline-block;
3867
- width: 100%;
3868
- padding: 2px;
3869
- -webkit-box-sizing: border-box;
3870
- -moz-box-sizing: border-box;
3871
- box-sizing: border-box;
3872
- white-space: nowrap;
3873
- overflow: hidden;
3874
- vertical-align: middle;
3875
- }
3876
- .mq-math-mode {
3877
- font-variant: normal;
3878
- font-weight: normal;
3879
- font-style: normal;
3880
- font-size: 115%;
3881
- line-height: 1;
3882
- display: -moz-inline-box;
3883
- display: inline-block;
3884
- }
3885
- .mq-math-mode .mq-non-leaf,
3886
- .mq-math-mode .mq-scaled {
3887
- display: -moz-inline-box;
3888
- display: inline-block;
3889
- }
3890
- .mq-math-mode var,
3891
- .mq-math-mode .mq-text-mode,
3892
- .mq-math-mode .mq-nonSymbola {
3893
- font-family: "Times New Roman", Symbola, serif;
3894
- line-height: .9;
3895
- }
3896
- .mq-math-mode * {
3897
- font-size: inherit;
3898
- line-height: inherit;
3899
- margin: 0;
3900
- padding: 0;
3901
- border-color: black;
3902
- -webkit-user-select: none;
3903
- -moz-user-select: none;
3904
- user-select: none;
3905
- box-sizing: border-box;
3906
- }
3907
- .mq-math-mode .mq-empty {
3908
- background: #ccc;
3909
- }
3910
- .mq-math-mode .mq-empty.mq-root-block {
3911
- background: transparent;
3912
- }
3913
- .mq-math-mode.mq-empty {
3914
- background: transparent;
3915
- }
3916
- .mq-math-mode .mq-text-mode {
3917
- display: inline-block;
3918
- }
3919
- .mq-math-mode .mq-text-mode.mq-hasCursor {
3920
- box-shadow: inset darkgray 0 .1em .2em;
3921
- padding: 0 .1em;
3922
- margin: 0 -0.1em;
3923
- min-width: 1ex;
3924
- }
3925
- .mq-math-mode .mq-font {
3926
- font: 1em "Times New Roman", Symbola, serif;
3927
- }
3928
- .mq-math-mode .mq-font * {
3929
- font-family: inherit;
3930
- font-style: inherit;
3931
- }
3932
- .mq-math-mode b,
3933
- .mq-math-mode b.mq-font {
3934
- font-weight: bolder;
3935
- }
3936
- .mq-math-mode var,
3937
- .mq-math-mode i,
3938
- .mq-math-mode i.mq-font {
3939
- font-style: italic;
3940
- }
3941
- .mq-math-mode var.mq-f {
3942
- margin-right: 0.2em;
3943
- margin-left: 0.1em;
3944
- }
3945
- .mq-math-mode .mq-roman var.mq-f {
3946
- margin: 0;
3947
- }
3948
- .mq-math-mode big {
3949
- font-size: 200%;
3950
- }
3951
- .mq-math-mode .mq-roman {
3952
- font-style: normal;
3953
- }
3954
- .mq-math-mode .mq-sans-serif {
3955
- font-family: sans-serif, Symbola, serif;
3956
- }
3957
- .mq-math-mode .mq-monospace {
3958
- font-family: monospace, Symbola, serif;
3959
- }
3960
- .mq-math-mode .mq-overline {
3961
- border-top: 1px solid black;
3962
- margin-top: 1px;
3963
- }
3964
- .mq-math-mode .mq-underline {
3965
- border-bottom: 1px solid black;
3966
- margin-bottom: 1px;
3967
- }
3968
- .mq-math-mode .mq-binary-operator {
3969
- padding: 0 0.2em;
3970
- display: -moz-inline-box;
3971
- display: inline-block;
3972
- }
3973
- .mq-math-mode .mq-supsub {
3974
- text-align: left;
3975
- font-size: 90%;
3976
- vertical-align: -0.5em;
3977
- }
3978
- .mq-math-mode .mq-supsub.mq-limit {
3979
- font-size: 80%;
3980
- vertical-align: -0.4em;
3981
- }
3982
- .mq-math-mode .mq-supsub.mq-sup-only {
3983
- vertical-align: .5em;
3984
- }
3985
- .mq-math-mode .mq-supsub.mq-sup-only .mq-sup {
3986
- display: inline-block;
3987
- vertical-align: text-bottom;
3988
- }
3989
- .mq-math-mode .mq-supsub .mq-sup {
3990
- display: block;
3991
- }
3992
- .mq-math-mode .mq-supsub .mq-sub {
3993
- display: block;
3994
- float: left;
3995
- }
3996
- .mq-math-mode .mq-supsub.mq-limit .mq-sub {
3997
- margin-left: -0.25em;
3998
- }
3999
- .mq-math-mode .mq-supsub .mq-binary-operator {
4000
- padding: 0 .1em;
4001
- }
4002
- .mq-math-mode .mq-supsub .mq-fraction {
4003
- font-size: 70%;
4004
- }
4005
- .mq-math-mode sup.mq-nthroot {
4006
- font-size: 80%;
4007
- vertical-align: 0.8em;
4008
- margin-right: -0.6em;
4009
- margin-left: .2em;
4010
- min-width: .5em;
4011
- }
4012
- .mq-math-mode .mq-paren {
4013
- padding: 0 .1em;
4014
- vertical-align: top;
4015
- -webkit-transform-origin: center .06em;
4016
- -moz-transform-origin: center .06em;
4017
- -ms-transform-origin: center .06em;
4018
- -o-transform-origin: center .06em;
4019
- transform-origin: center .06em;
4020
- }
4021
- .mq-math-mode .mq-paren.mq-ghost {
4022
- color: silver;
4023
- }
4024
- .mq-math-mode .mq-paren + span {
4025
- margin-top: .1em;
4026
- margin-bottom: .1em;
4027
- }
4028
- .mq-math-mode .mq-array {
4029
- vertical-align: middle;
4030
- text-align: center;
4031
- }
4032
- .mq-math-mode .mq-array > span {
4033
- display: block;
4034
- }
4035
- .mq-math-mode .mq-operator-name {
4036
- font-family: Symbola, "Times New Roman", serif;
4037
- line-height: .9;
4038
- font-style: normal;
4039
- }
4040
- .mq-math-mode var.mq-operator-name.mq-first {
4041
- padding-left: .2em;
4042
- }
4043
- .mq-math-mode var.mq-operator-name.mq-last,
4044
- .mq-math-mode .mq-supsub.mq-after-operator-name {
4045
- padding-right: .2em;
4046
- }
4047
- .mq-math-mode .mq-fraction {
4048
- font-size: 90%;
4049
- text-align: center;
4050
- vertical-align: -0.4em;
4051
- padding: 0 .2em;
4052
- }
4053
- .mq-math-mode .mq-fraction,
4054
- .mq-math-mode .mq-large-operator,
4055
- .mq-math-mode x:-moz-any-link {
4056
- display: -moz-groupbox;
4057
- }
4058
- .mq-math-mode .mq-fraction,
4059
- .mq-math-mode .mq-large-operator,
4060
- .mq-math-mode x:-moz-any-link,
4061
- .mq-math-mode x:default {
4062
- display: inline-block;
4063
- }
4064
- .mq-math-mode .mq-numerator,
4065
- .mq-math-mode .mq-denominator {
4066
- display: block;
4067
- }
4068
- .mq-math-mode .mq-numerator {
4069
- padding: 0 0.1em;
4070
- }
4071
- .mq-math-mode .mq-denominator {
4072
- border-top: 1px solid;
4073
- float: right;
4074
- width: 100%;
4075
- padding: 0.1em;
4076
- }
4077
- .mq-math-mode .mq-sqrt-prefix {
4078
- padding-top: 0;
4079
- position: relative;
4080
- top: 0.1em;
4081
- vertical-align: top;
4082
- -webkit-transform-origin: top;
4083
- -moz-transform-origin: top;
4084
- -ms-transform-origin: top;
4085
- -o-transform-origin: top;
4086
- transform-origin: top;
4087
- }
4088
- .mq-math-mode .mq-sqrt-stem {
4089
- border-top: 1px solid;
4090
- margin-top: 1px;
4091
- padding-left: .15em;
4092
- padding-right: .2em;
4093
- margin-right: .1em;
4094
- padding-top: 1px;
4095
- }
4096
- .mq-math-mode .mq-vector-prefix {
4097
- display: block;
4098
- text-align: center;
4099
- line-height: .25em;
4100
- margin-bottom: -0.1em;
4101
- font-size: 0.75em;
4102
- }
4103
- .mq-math-mode .mq-vector-stem {
4104
- display: block;
4105
- }
4106
- .mq-math-mode .mq-large-operator {
4107
- vertical-align: -0.2em;
4108
- padding: .2em;
4109
- text-align: center;
4110
- }
4111
- .mq-math-mode .mq-large-operator .mq-from,
4112
- .mq-math-mode .mq-large-operator big,
4113
- .mq-math-mode .mq-large-operator .mq-to {
4114
- display: block;
4115
- }
4116
- .mq-math-mode .mq-large-operator .mq-from,
4117
- .mq-math-mode .mq-large-operator .mq-to {
4118
- font-size: 80%;
4119
- }
4120
- .mq-math-mode .mq-large-operator .mq-from {
4121
- float: right;
4122
- /* take out of normal flow to manipulate baseline */
4123
- width: 100%;
4124
- }
4125
- .mq-math-mode,
4126
- .mq-math-mode .mq-editable-field {
4127
- cursor: text;
4128
- font-family: Symbola, "Times New Roman", serif;
4129
- }
4130
- .mq-math-mode .mq-overarrow {
4131
- border-top: 1px solid black;
4132
- margin-top: 1px;
4133
- padding-top: 0.2em;
4134
- }
4135
- .mq-math-mode .mq-overarrow:before {
4136
- display: block;
4137
- position: relative;
4138
- top: -0.34em;
4139
- font-size: 0.5em;
4140
- line-height: 0em;
4141
- content: '\27A4';
4142
- text-align: right;
4143
- }
4144
- .mq-math-mode .mq-overarrow.mq-arrow-left:before {
4145
- -moz-transform: scaleX(-1);
4146
- -o-transform: scaleX(-1);
4147
- -webkit-transform: scaleX(-1);
4148
- transform: scaleX(-1);
4149
- filter: FlipH;
4150
- -ms-filter: "FlipH";
4151
- }
4152
- .mq-math-mode .mq-selection,
4153
- .mq-editable-field .mq-selection,
4154
- .mq-math-mode .mq-selection .mq-non-leaf,
4155
- .mq-editable-field .mq-selection .mq-non-leaf,
4156
- .mq-math-mode .mq-selection .mq-scaled,
4157
- .mq-editable-field .mq-selection .mq-scaled {
4158
- background: #B4D5FE !important;
4159
- background: Highlight !important;
4160
- color: HighlightText;
4161
- border-color: HighlightText;
4162
- }
4163
- .mq-math-mode .mq-selection .mq-matrixed,
4164
- .mq-editable-field .mq-selection .mq-matrixed {
4165
- background: #39F !important;
4166
- }
4167
- .mq-math-mode .mq-selection .mq-matrixed-container,
4168
- .mq-editable-field .mq-selection .mq-matrixed-container {
4169
- filter: progid:DXImageTransform.Microsoft.Chroma(color='#3399FF') !important;
4170
- }
4171
- .mq-math-mode .mq-selection.mq-blur,
4172
- .mq-editable-field .mq-selection.mq-blur,
4173
- .mq-math-mode .mq-selection.mq-blur .mq-non-leaf,
4174
- .mq-editable-field .mq-selection.mq-blur .mq-non-leaf,
4175
- .mq-math-mode .mq-selection.mq-blur .mq-scaled,
4176
- .mq-editable-field .mq-selection.mq-blur .mq-scaled,
4177
- .mq-math-mode .mq-selection.mq-blur .mq-matrixed,
4178
- .mq-editable-field .mq-selection.mq-blur .mq-matrixed {
4179
- background: #D4D4D4 !important;
4180
- color: black;
4181
- border-color: black;
4182
- }
4183
- .mq-math-mode .mq-selection.mq-blur .mq-matrixed-container,
4184
- .mq-editable-field .mq-selection.mq-blur .mq-matrixed-container {
4185
- filter: progid:DXImageTransform.Microsoft.Chroma(color='#D4D4D4') !important;
4186
- }
4187
- .mq-editable-field .mq-textarea,
4188
- .mq-math-mode .mq-textarea {
4189
- position: relative;
4190
- -webkit-user-select: text;
4191
- -moz-user-select: text;
4192
- user-select: text;
4193
- }
4194
- .mq-editable-field .mq-textarea *,
4195
- .mq-math-mode .mq-textarea *,
4196
- .mq-editable-field .mq-selectable,
4197
- .mq-math-mode .mq-selectable {
4198
- -webkit-user-select: text;
4199
- -moz-user-select: text;
4200
- user-select: text;
4201
- position: absolute;
4202
- clip: rect(1em 1em 1em 1em);
4203
- -webkit-transform: scale(0);
4204
- -moz-transform: scale(0);
4205
- -ms-transform: scale(0);
4206
- -o-transform: scale(0);
4207
- transform: scale(0);
4208
- resize: none;
4209
- width: 1px;
4210
- height: 1px;
4211
- }
4212
- .mq-math-mode .mq-matrixed {
4213
- background: white;
4214
- display: -moz-inline-box;
4215
- display: inline-block;
4216
- }
4217
- .mq-math-mode .mq-matrixed-container {
4218
- filter: progid:DXImageTransform.Microsoft.Chroma(color='white');
4219
- margin-top: -0.1em;
4220
- }
4221
3787
  .echo-slide-and-fade-enter {
4222
3788
  opacity: 1 !important;
4223
3789
  transform: translate3d(0, 0, 0) !important;
@@ -4358,4 +3924,3 @@ body.mobile .framework-perseus table.perseus-widget-table-of-values.non-markdown
4358
3924
  .tabbar_item:focus {
4359
3925
  background-color: green;
4360
3926
  }
4361
-