material-inspired-component-library 7.0.2 → 8.0.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.
- package/.claude/settings.local.json +14 -0
- package/CLAUDE.md +53 -0
- package/README.md +6 -0
- package/components/accordion/README.md +6 -3
- package/components/alert/index.scss +5 -0
- package/components/appbar/index.scss +12 -0
- package/components/badge/index.scss +2 -0
- package/components/bottomsheet/index.scss +9 -0
- package/components/button/index.scss +33 -6
- package/components/card/README.md +4 -0
- package/components/card/index.scss +182 -150
- package/components/checkbox/index.scss +28 -6
- package/components/datepicker/index.scss +13 -0
- package/components/datepicker/index.ts +9 -9
- package/components/dialog/index.scss +21 -6
- package/components/iconbutton/index.scss +28 -6
- package/components/list/README.md +191 -32
- package/components/list/index.scss +281 -190
- package/components/list/index.ts +100 -100
- package/components/menu/README.md +199 -10
- package/components/menu/index.scss +242 -47
- package/components/menu/index.ts +74 -37
- package/components/navigationrail/index.scss +91 -68
- package/components/progressindicator/README.md +88 -0
- package/components/progressindicator/index.scss +225 -0
- package/components/progressindicator/index.ts +77 -0
- package/components/radio/index.scss +24 -6
- package/components/select/README.md +42 -5
- package/components/select/index.scss +45 -79
- package/components/shape/README.md +103 -0
- package/components/shape/_paths.generated.scss +64 -0
- package/components/shape/index.scss +66 -0
- package/components/shape/master.scss +28 -0
- package/components/sidesheet/index.scss +11 -0
- package/components/slider/index.scss +13 -0
- package/components/snackbar/index.scss +12 -0
- package/components/stepper/index.scss +3 -5
- package/components/switch/index.scss +9 -0
- package/components/textfield/index.scss +10 -1
- package/components/textfield/index.ts +2 -2
- package/components/timepicker/index.scss +16 -0
- package/dist/alert.css +1 -1
- package/dist/appbar.css +1 -1
- package/dist/badge.css +1 -1
- package/dist/bottomsheet.css +1 -1
- package/dist/button.css +1 -1
- package/dist/card.css +1 -1
- package/dist/checkbox.css +1 -1
- package/dist/components/list/index.d.ts +2 -2
- package/dist/components/progressindicator/index.d.ts +6 -0
- package/dist/datepicker.css +1 -1
- package/dist/dialog.css +1 -1
- package/dist/divider.css +1 -1
- package/dist/foundations/form/index.js +1 -0
- package/dist/foundations.css +1 -1
- package/dist/iconbutton.css +1 -1
- package/dist/layout.css +1 -1
- package/dist/list.css +1 -1
- package/dist/menu.css +1 -1
- package/dist/micl.css +1 -1
- package/dist/micl.js +1 -1
- package/dist/navigationrail.css +1 -1
- package/dist/progressindicator.css +1 -0
- package/dist/progressindicator.js +1 -0
- package/dist/radio.css +1 -1
- package/dist/select.css +1 -1
- package/dist/shape.css +1 -0
- package/dist/shape.js +1 -0
- package/dist/sidesheet.css +1 -1
- package/dist/slider.css +1 -1
- package/dist/snackbar.css +1 -1
- package/dist/stepper.css +1 -1
- package/dist/switch.css +1 -1
- package/dist/textfield.css +1 -1
- package/dist/timepicker.css +1 -1
- package/docs/accordion.html +24 -24
- package/docs/bottomsheet.html +1 -4
- package/docs/datepicker.html +21 -21
- package/docs/dialog.html +1 -1
- package/docs/index.html +5 -4
- package/docs/list.html +38 -22
- package/docs/menu.html +246 -41
- package/docs/micl.css +1 -1
- package/docs/micl.js +1 -1
- package/docs/progressindicator.html +288 -0
- package/docs/select.html +68 -19
- package/docs/shape.css +1 -0
- package/docs/shape.js +1 -0
- package/docs/shapes.html +150 -0
- package/foundations/index.scss +0 -1
- package/foundations/layout/README.md +1 -1
- package/foundations/layout/index.scss +3 -0
- package/micl.ts +8 -1
- package/package.json +6 -4
- package/styles/README.md +90 -12
- package/styles/elevation.scss +46 -13
- package/styles/motion.scss +51 -47
- package/styles/shapes.scss +41 -26
- package/styles/statelayer.scss +93 -36
- package/styles/typography.scss +120 -322
- package/styles.scss +10 -6
- package/tools/shapes/check.mjs +42 -0
- package/tools/shapes/generate.mjs +834 -0
- package/webpack.config.js +16 -1
package/styles/motion.scss
CHANGED
|
@@ -19,37 +19,22 @@
|
|
|
19
19
|
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
20
20
|
// SOFTWARE.
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
$md-sys-motion-spring-fast-spatial-stiffness: 800;
|
|
24
|
-
$md-sys-motion-spring-fast-effects-damping: 1;
|
|
25
|
-
$md-sys-motion-spring-fast-effects-stiffness: 3800;
|
|
26
|
-
$md-sys-motion-spring-default-spatial-damping: 0.8;
|
|
27
|
-
$md-sys-motion-spring-default-spatial-stiffness: 380;
|
|
28
|
-
$md-sys-motion-spring-default-effects-damping: 1;
|
|
29
|
-
$md-sys-motion-spring-default-effects-stiffness: 1600;
|
|
30
|
-
$md-sys-motion-spring-slow-spatial-damping: 0.8;
|
|
31
|
-
$md-sys-motion-spring-slow-spatial-stiffness: 200;
|
|
32
|
-
$md-sys-motion-spring-slow-effects-damping: 1;
|
|
33
|
-
$md-sys-motion-spring-slow-effects-stiffness: 800;
|
|
22
|
+
@use 'sass:map';
|
|
34
23
|
|
|
35
|
-
//
|
|
36
|
-
//
|
|
37
|
-
//
|
|
38
|
-
//
|
|
39
|
-
//
|
|
40
|
-
|
|
41
|
-
$
|
|
42
|
-
$md-sys-motion-spring-fast-effects: 0, 0.00004, 0.00017, 0.00038 0.09%, 0.00057, 0.0008 0.13%, 0.00121 0.16%, 0.00188 0.2%, 0.00249 0.23%, 0.00342 0.27%, 0.00422, 0.0051, 0.00606 0.36%, 0.00747 0.4%, 0.00862 0.43%, 0.01027 0.47%, 0.01161 0.5%, 0.01352 0.54%, 0.01664 0.6%, 0.02067, 0.02512, 0.02999, 0.03526, 0.04094, 0.04701, 0.05347, 0.06031, 0.06752, 0.07511 1.3%, 0.08422 1.38%, 0.09258, 0.10128, 0.11033 1.59%, 0.12107 1.67%, 0.13082 1.74%, 0.14235 1.82%, 0.15277 1.89%, 0.16505 1.97%, 0.17611 2.04%, 0.1891, 0.20245, 0.21615 2.28%, 0.23733 2.4%, 0.26109, 0.28564 2.66%, 0.3129, 0.34097, 0.36976 3.08%, 0.40134, 0.43361 3.38%, 0.4909 3.64%, 0.55871 3.94%, 0.6231 4.22%, 0.79228 4.95%, 0.83814 5.151%, 0.88122 5.341%, 0.92812 5.551%, 0.96977 5.741%, 1.00843, 1.0462 6.101%, 1.08499, 1.1226, 1.1589 6.671%, 1.19201, 1.2238 7.031%, 1.25255 7.201%, 1.26725, 1.28158, 1.29554 7.471%, 1.30762 7.551%, 1.32085 7.641%, 1.33228 7.721%, 1.34476 7.811%, 1.35552 7.891%, 1.36723 7.981%, 1.3773 8.061%, 1.38823 8.151%, 1.3976 8.231%, 1.40774 8.321%, 1.41639, 1.42471, 1.43268 8.561%, 1.44125 8.651%, 1.4485, 1.45541, 1.46197 8.891%, 1.46894 8.981%, 1.47477, 1.48025, 1.48539, 1.49019, 1.49464, 1.49874 9.461%, 1.50067 9.501%, 1.50295 9.551%, 1.50633 9.631%, 1.50789, 1.50937, 1.51076, 1.51207, 1.5133 9.831%, 1.51471 9.881%, 1.51574, 1.5167, 1.51757, 1.51835, 1.51906, 1.51968, 1.52022 10.161%, 1.52046 10.181%, 1.52078, 1.52105 10.241%, 1.52135 10.281%, 1.52152 10.311%, 1.52167 10.351%, 1.52174 10.381%, 1.52175 10.421%, 1.52171 10.451%, 1.52159 10.491%, 1.52144 10.521%, 1.52118 10.561%, 1.52094 10.591%, 1.52054 10.631%, 1.5202 10.661%, 1.51967 10.701%, 1.51922 10.731%, 1.51856 10.771%, 1.51801 10.801%, 1.51722 10.841%, 1.51657 10.871%, 1.51565 10.911%, 1.51385 10.981%, 1.51273, 1.51153 11.061%, 1.50926, 1.50678, 1.50408 11.271%, 1.50074 11.351%, 1.4976 11.421%, 1.49375 11.501%, 1.49018 11.571%, 1.48585 11.651%, 1.48186 11.721%, 1.47707 11.801%, 1.47268 11.871%, 1.46744 11.951%, 1.46266 12.021%, 1.457, 1.45111, 1.44501, 1.4387, 1.43218, 1.42547 12.501%, 1.4177 12.591%, 1.40606 12.721%, 1.39301, 1.37946, 1.36545, 1.351 13.281%, 1.33509 13.431%, 1.31765, 1.2998 13.751%, 1.28502 13.881%, 1.26887 14.021%, 1.23237 14.331%, 1.1976 14.621%, 1.10692 15.372%, 1.08182 15.582%, 1.05938 15.772%, 1.03495 15.982%, 1.01214 16.182%, 0.99095 16.372%, 0.97136 16.552%, 0.95021 16.752%, 0.93077, 0.91202 17.132%, 0.89494, 0.87856 17.492%, 0.87065, 0.86292, 0.85538, 0.84804, 0.84089 17.942%, 0.83471 18.022%, 0.82795 18.112%, 0.82211, 0.81644, 0.81094, 0.80561, 0.80044, 0.79545, 0.79064, 0.78599, 0.78153, 0.77724, 0.77313, 0.76919, 0.76543, 0.76186, 0.75846, 0.75524, 0.75221, 0.74935, 0.74668, 0.74418, 0.74186, 0.73972, 0.73777, 0.73598, 0.73438 20.112%, 0.73365, 0.73295, 0.73231, 0.7317, 0.73114, 0.73063, 0.73015, 0.72973, 0.72934, 0.729, 0.72869, 0.72844 20.592%, 0.72827 20.622%, 0.72809 20.662%, 0.72798 20.692%, 0.72787 20.732%, 0.72781 20.762%, 0.72778 20.802%, 0.72777 20.832%, 0.72781 20.872%, 0.72786 20.902%, 0.72797 20.942%, 0.72808 20.972%, 0.72826 21.012%, 0.72842 21.042%, 0.72866, 0.72895, 0.72928 21.162%, 0.72955 21.192%, 0.72995 21.232%, 0.73074, 0.73165 21.372%, 0.73222, 0.73282 21.452%, 0.73398, 0.73525, 0.73662 21.662%, 0.73834 21.742%, 0.73995 21.812%, 0.74192 21.892%, 0.74376 21.962%, 0.74599 22.042%, 0.74805 22.112%, 0.75052, 0.75312, 0.75584 22.352%, 0.75832 22.422%, 0.76126, 0.76432, 0.7675, 0.77078, 0.77417, 0.77766 22.902%, 0.7817 22.992%, 0.78776 23.122%, 0.79456, 0.80161, 0.80891, 0.81643 23.682%, 0.82473 23.832%, 0.83381, 0.84311 24.152%, 0.85082 24.282%, 0.85924 24.422%, 0.87827 24.732%, 0.89703 25.033%, 0.94435 25.783%, 0.95744 25.993%, 0.96915 26.183%, 0.98189 26.393%, 0.99379 26.593%, 1.00484 26.783%, 1.01506 26.963%, 1.02609 27.163%, 1.03623, 1.04601 27.543%, 1.05492, 1.06346 27.903%, 1.06759, 1.07162, 1.07555, 1.07938, 1.0831 28.353%, 1.08633, 1.08946, 1.09252, 1.09548, 1.09836, 1.10116, 1.10386, 1.10647, 1.10899, 1.11142, 1.11376, 1.11601, 1.11817, 1.12023, 1.1222, 1.12407 29.633%, 1.12564 29.703%, 1.12734, 1.12894 29.863%, 1.13027 29.933%, 1.1317, 1.13303, 1.13427, 1.13542, 1.13648, 1.13744, 1.13831, 1.13908, 1.13977, 1.14036, 1.14086, 1.14128 30.893%, 1.14145, 1.1416 30.973%, 1.14178, 1.14192, 1.142, 1.14204, 1.14202, 1.14196, 1.14185 31.393%, 1.14166 31.463%, 1.14145, 1.14119, 1.14089 31.643%, 1.14047 31.713%, 1.14007 31.773%, 1.13954 31.843%, 1.13905 31.903%, 1.13841 31.973%, 1.13781 32.033%, 1.13707 32.103%, 1.13638 32.163%, 1.13553 32.233%, 1.13476 32.293%, 1.1338 32.363%, 1.13294 32.423%, 1.13189 32.493%, 1.13095 32.553%, 1.1298, 1.1286, 1.12735, 1.12606, 1.12472, 1.12333, 1.12189 33.043%, 1.11889, 1.11573 33.323%, 1.11216, 1.10842, 1.10452 33.773%, 1.1002, 1.09572, 1.0911, 1.08635 34.413%, 1.08118, 1.07589 34.753%, 1.06988 34.943%, 1.06409 35.124%, 1.05759 35.324%, 1.03224 36.094%, 1.02181 36.414%, 1.01603 36.594%, 1.01064 36.764%, 1.00564 36.924%, 1.00103 37.074%, 0.99562, 0.99033 37.434%, 0.98548, 0.98076 37.774%, 0.97647, 0.97231, 0.9683, 0.96445 38.414%, 0.96212 38.514%, 0.96009 38.604%, 0.95788 38.704%, 0.95596 38.794%, 0.95389 38.894%, 0.95208, 0.95033, 0.94864 39.164%, 0.94683 39.264%, 0.94526, 0.94375, 0.9423, 0.94091, 0.93958, 0.93832, 0.93711, 0.93597, 0.93489, 0.93387, 0.93291, 0.93201, 0.93118, 0.93041, 0.9297, 0.92905, 0.92846, 0.92793, 0.92747, 0.92707, 0.92672, 0.92644 41.244%, 0.92619 41.344%, 0.92608, 0.926, 0.92594 41.524%, 0.9259 41.594%, 0.92589, 0.92591, 0.92596 41.774%, 0.92604 41.844%, 0.92614, 0.92627, 0.92641 42.024%, 0.92662 42.094%, 0.92682 42.154%, 0.92708 42.224%, 0.92733 42.284%, 0.92765 42.354%, 0.92795 42.414%, 0.92833 42.484%, 0.92867 42.544%, 0.92911 42.614%, 0.9295 42.674%, 0.92999, 0.9305, 0.93104, 0.93161, 0.93221 43.024%, 0.93348, 0.93485, 0.93632, 0.93788, 0.93952 43.724%, 0.94138, 0.94333, 0.94536 44.174%, 0.94761, 0.94994 44.494%, 0.9525 44.664%, 0.95498 44.824%, 0.95768, 0.96044 45.165%, 0.96358 45.355%, 0.96999 45.735%, 0.98304 46.495%, 0.98865 46.825%, 0.99432 47.165%, 0.99693 47.325%, 0.99934 47.475%, 1.00216 47.655%, 1.00477, 1.00731, 1.00978, 1.01217 48.335%, 1.01434, 1.01644 48.655%, 1.01833 48.805%, 1.02062 48.995%, 1.02177 49.095%, 1.02278 49.185%, 1.02387 49.285%, 1.02482, 1.02574, 1.02662, 1.02748, 1.02831, 1.02911, 1.02987, 1.03061, 1.03131, 1.03198, 1.03262, 1.03323, 1.0338, 1.03434, 1.03485 50.635%, 1.03528 50.715%, 1.03573, 1.03615, 1.03653, 1.03688, 1.0372, 1.03749, 1.03774, 1.03797, 1.03816, 1.03832, 1.03845 51.705%, 1.03858 51.825%, 1.03865, 1.03866, 1.03861, 1.0385, 1.03833, 1.0381 52.605%, 1.03779 52.745%, 1.03745 52.875%, 1.03702 53.015%, 1.03656 53.145%, 1.03601, 1.03541, 1.03475, 1.03403 53.705%, 1.03322 53.855%, 1.0324 53.995%, 1.03148, 1.0305, 1.02949, 1.02842 54.595%, 1.02724, 1.02602 54.915%, 1.02469 55.086%, 1.02339 55.246%, 1.02198, 1.02054 55.586%, 1.0189 55.776%, 1.01564 56.146%, 1.00883 56.906%, 1.00599 57.226%, 1.00303 57.566%, 1.0005 57.866%, 0.99902 58.046%, 0.99765, 0.99632, 0.99503 58.556%, 0.99385, 0.99271, 0.99161 59.036%, 0.99062 59.186%, 0.98941 59.376%, 0.98833 59.556%, 0.98726 59.746%, 0.9863, 0.98541, 0.98458, 0.98382 60.466%, 0.98316 60.636%, 0.98252 60.816%, 0.98198, 0.98151 61.156%, 0.98107 61.336%, 0.98071 61.506%, 0.98041, 0.98016, 0.97999 62.046%, 0.9799, 0.97985, 0.97983 62.436%, 0.97984 62.576%, 0.97989 62.706%, 0.97997 62.846%, 0.98008 62.976%, 0.98023, 0.98042, 0.98064, 0.98089, 0.98117, 0.98148 63.816%, 0.98185, 0.98225, 0.98268 64.266%, 0.9831 64.406%, 0.98358, 0.98409, 0.98462, 0.98518 65.007%, 0.98579 65.167%, 0.98713, 0.98854 65.827%, 0.99015 66.187%, 0.99185 66.557%, 0.99684 67.627%, 0.99838 67.967%, 0.99971 68.267%, 1.00115 68.607%, 1.00248 68.937%, 1.00366, 1.00477 69.557%, 1.00537, 1.00594, 1.00648, 1.00699, 1.00747 70.457%, 1.00789 70.627%, 1.0083 70.807%, 1.00866 70.977%, 1.009 71.157%, 1.00929, 1.00955, 1.00978, 1.00998, 1.01015, 1.01029 72.177%, 1.0104 72.357%, 1.0105 72.627%, 1.01053, 1.01047 73.187%, 1.01034, 1.01013 73.767%, 1.00984 74.067%, 1.00947, 1.00902 74.687%, 1.00854 74.977%, 1.008 75.278%, 1.00737 75.598%, 1.00667 75.928%, 1.00595 76.248%, 1.00511 76.608%, 1.00169 78.018%, 1.00026 78.628%, 0.99952 78.958%, 0.99884 79.278%, 0.99824, 0.99767 79.878%, 0.99706 80.228%, 0.99652, 0.99605 80.908%, 0.99565, 0.9953, 0.99502, 0.9948, 0.99464 82.558%, 0.99455, 0.99451, 0.99452 83.458%, 0.99457 83.768%, 0.99468, 0.99483 84.408%, 0.99503 84.738%, 0.99528 85.079%, 0.99553 85.379%, 0.99583 85.689%, 0.99616 86.009%, 0.99655 86.359%, 0.99736 87.039%, 0.99908 88.399%, 0.99979 88.979%, 1.00051 89.599%, 1.00109 90.159%, 1.0014 90.489%, 1.00168 90.809%, 1.00192, 1.00214, 1.00233, 1.00249 92.049%, 1.00261 92.349%, 1.00272 92.659%, 1.0028, 1.00285, 1.00287 93.649%, 1.00285 93.989%, 1.00281, 1.00273 94.689%, 1.00263 95.05%, 1.00249 95.42%, 1.00219 96.08%, 1.00178 96.81%, 1.00134 97.5%, 1.00025 99.16%, 0.99974;
|
|
43
|
-
$md-sys-motion-spring-fast-effects-duration: 500ms;
|
|
44
|
-
$md-sys-motion-spring-default-spatial: 0, 0.00003 0.08%, 0.00014 0.17%, 0.00029 0.25%, 0.00054 0.34%, 0.00083 0.42%, 0.00121 0.51%, 0.00162 0.59%, 0.00215 0.68%, 0.00267 0.76%, 0.00334 0.85%, 0.00398 0.93%, 0.00478 1.02%, 0.00554 1.1%, 0.00646, 0.00745, 0.00851 1.37%, 0.00951 1.45%, 0.01069, 0.01194, 0.01325, 0.01463, 0.01607, 0.01757, 0.01914, 0.02076, 0.02245, 0.02419 2.35%, 0.0262 2.45%, 0.02807, 0.03, 0.03198 2.72%, 0.03425 2.82%, 0.03636 2.91%, 0.03876 3.01%, 0.04098 3.1%, 0.0435 3.2%, 0.04583 3.29%, 0.04848 3.39%, 0.05369, 0.05913 3.77%, 0.06508, 0.07127, 0.07769, 0.08432 4.57%, 0.09152 4.78%, 0.09859 4.98%, 0.10622, 0.11406, 0.12211 5.611%, 0.13076, 0.13961 6.051%, 0.14658, 0.15367, 0.16087 6.561%, 0.16862, 0.17647, 0.18444, 0.19252 7.281%, 0.20115, 0.20989, 0.21874, 0.22769 8.041%, 0.23721 8.241%, 0.25702 8.651%, 0.2777 9.071%, 0.29569 9.431%, 0.31491 9.811%, 0.33537 10.211%, 0.35705 10.631%, 0.37681 11.011%, 0.3993 11.441%, 0.4818 13.011%, 0.51583 13.661%, 0.55063 14.331%, 0.58146 14.931%, 0.59926 15.282%, 0.61591 15.612%, 0.6319, 0.64775 16.252%, 0.66295 16.562%, 0.6775, 0.69189, 0.70612 17.462%, 0.72204 17.802%, 0.73726, 0.75226 18.462%, 0.76658, 0.78067 19.102%, 0.7941 19.412%, 0.80773 19.732%, 0.8207, 0.83343, 0.84592, 0.85818, 0.87018, 0.88193 21.592%, 0.89307, 0.90396, 0.91462, 0.92503 22.792%, 0.93486 23.082%, 0.94479 23.382%, 0.95416 23.672%, 0.9636 23.972%, 0.97249 24.262%, 0.98144 24.562%, 0.98986, 0.99805 25.143%, 1.00219, 1.00627 25.443%, 1.01003 25.583%, 1.01399, 1.01789, 1.02172 26.033%, 1.02525 26.173%, 1.02897, 1.03262, 1.03622, 1.03975, 1.04322, 1.04663, 1.04999, 1.05328, 1.05651, 1.05968, 1.06279, 1.06584, 1.06883, 1.07176, 1.07463, 1.07745, 1.0802, 1.0829, 1.08554, 1.08813, 1.09065, 1.09312 29.473%, 1.09569 29.633%, 1.09804, 1.10034, 1.10258 30.083%, 1.10491 30.243%, 1.10704 30.393%, 1.10925 30.553%, 1.11127 30.703%, 1.11336 30.863%, 1.11526 31.013%, 1.11724, 1.11915, 1.12101 31.493%, 1.12269 31.643%, 1.12443, 1.12612, 1.12775 32.123%, 1.12893, 1.13008, 1.1312 32.483%, 1.13238 32.613%, 1.13343, 1.13446, 1.13545 32.973%, 1.1365 33.103%, 1.13743 33.223%, 1.1384 33.353%, 1.13927 33.473%, 1.14018 33.603%, 1.14099 33.723%, 1.14183, 1.14264, 1.14342 34.113%, 1.14411 34.233%, 1.14482, 1.1455, 1.14615, 1.14677, 1.14736, 1.14791, 1.14844, 1.14893, 1.14939, 1.14983, 1.15023, 1.15061, 1.15095, 1.15127 36.054%, 1.15158 36.194%, 1.15184 36.324%, 1.15209 36.464%, 1.15229 36.594%, 1.15248 36.734%, 1.15263 36.864%, 1.15276, 1.15286, 1.15293 37.284%, 1.15296 37.414%, 1.15298, 1.15296, 1.15292, 1.15285, 1.15275, 1.15263 38.254%, 1.15246 38.404%, 1.15228 38.544%, 1.15206 38.694%, 1.15183 38.834%, 1.15155, 1.15125, 1.15092, 1.15056, 1.15017, 1.14976, 1.14932, 1.14886 40.034%, 1.14834 40.194%, 1.14783 40.344%, 1.14725 40.504%, 1.14669 40.654%, 1.14607 40.814%, 1.14513 41.044%, 1.14409, 1.143 41.524%, 1.14181, 1.14057, 1.13927 42.274%, 1.13787, 1.13642, 1.13492 43.054%, 1.13331, 1.13166 43.594%, 1.12989, 1.12808 44.154%, 1.12615 44.444%, 1.12412, 1.12203 45.045%, 1.1202, 1.11833 45.565%, 1.11636, 1.11437 46.105%, 1.11228 46.385%, 1.11008 46.675%, 1.10531 47.295%, 1.10085 47.865%, 1.09578 48.505%, 1.09057 49.155%, 1.07579 50.995%, 1.07124 51.565%, 1.06713 52.085%, 1.06251 52.675%, 1.05826 53.225%, 1.05423 53.755%, 1.05041 54.265%, 1.0482, 1.04601, 1.04385 55.166%, 1.04178, 1.03974 55.746%, 1.0378, 1.03588, 1.03399, 1.03213 56.866%, 1.03036 57.136%, 1.02855 57.416%, 1.02683, 1.02514, 1.02348, 1.02185, 1.02024 58.766%, 1.01844, 1.01667, 1.01494, 1.01325, 1.0116 60.316%, 1.01004 60.616%, 1.00847 60.926%, 1.00699 61.226%, 1.0055 61.536%, 1.00409, 1.00273, 1.0014, 1.00011 62.736%, 0.99882 63.046%, 0.9976 63.346%, 0.99639 63.656%, 0.99525 63.956%, 0.99412 64.266%, 0.99306 64.566%, 0.992, 0.99098, 0.99001, 0.98907, 0.98817, 0.98731, 0.98648, 0.98569 67.047%, 0.98492, 0.98418, 0.98349, 0.98283, 0.98221 68.647%, 0.98173 68.907%, 0.98126 69.177%, 0.98083 69.437%, 0.98041, 0.98001, 0.97963, 0.97929 70.517%, 0.97895 70.797%, 0.97865 71.067%, 0.97836, 0.97809, 0.97785, 0.97763 72.187%, 0.97743 72.477%, 0.97725 72.757%, 0.9771, 0.97696, 0.97685 73.627%, 0.97676, 0.97668, 0.97663, 0.97661 74.827%, 0.9766, 0.97661, 0.97664 75.758%, 0.9767 76.078%, 0.97687 76.718%, 0.97713 77.378%, 0.97748 78.058%, 0.97779 78.578%, 0.97815 79.108%, 0.97855 79.648%, 0.97901 80.208%, 0.97953 80.788%, 0.9801 81.388%, 0.98072 82.008%, 0.98141 82.668%, 0.98262 83.758%, 0.98406 84.988%, 0.98549 86.169%, 0.98928 89.259%, 0.99036 90.159%, 0.99134 90.989%, 0.99235 91.869%, 0.99328 92.699%, 0.99415 93.509%, 0.99496 94.289%, 0.9957 95.03%, 0.99639 95.76%, 0.99705 96.48%, 0.99767, 0.99825 97.9%, 0.9988, 0.99931, 0.9998;
|
|
45
|
-
$md-sys-motion-spring-default-spatial-duration: 500ms;
|
|
46
|
-
$md-sys-motion-spring-default-effects: 0, 0.00003 0.03%, 0.00009, 0.00017 0.07%, 0.00035 0.1%, 0.00051, 0.00069 0.14%, 0.00102 0.17%, 0.00155 0.21%, 0.00202 0.24%, 0.00274 0.28%, 0.00336 0.31%, 0.00427 0.35%, 0.00502 0.38%, 0.00612 0.42%, 0.00702 0.45%, 0.0083, 0.00969, 0.01118 0.57%, 0.01403, 0.01719, 0.02065 0.78%, 0.02498 0.86%, 0.02908 0.93%, 0.03412 1.01%, 0.03883 1.08%, 0.04456 1.16%, 0.04986 1.23%, 0.05625, 0.06298, 0.07005, 0.07744, 0.08515, 0.09317, 0.1015, 0.11012, 0.11904, 0.12823 2.03%, 0.13889 2.12%, 0.14865 2.2%, 0.15994 2.29%, 0.17023 2.37%, 0.1821 2.46%, 0.20113, 0.22083, 0.24114 2.88%, 0.26354, 0.28656 3.18%, 0.31172, 0.33746 3.5%, 0.36537 3.67%, 0.4141 3.96%, 0.47091 4.29%, 0.52689 4.61%, 0.67315 5.441%, 0.71671 5.691%, 0.7546 5.911%, 0.797 6.161%, 0.83526 6.391%, 0.87109 6.611%, 0.90449 6.821%, 0.94161 7.061%, 0.97604 7.291%, 0.99353 7.411%, 1.00927, 1.02471, 1.03984, 1.05467, 1.06919, 1.08338 8.071%, 1.09599 8.171%, 1.10955, 1.12277, 1.13564 8.501%, 1.14704 8.601%, 1.15924, 1.17109, 1.18257 8.931%, 1.1927 9.031%, 1.20348 9.141%, 1.21297 9.241%, 1.22304 9.351%, 1.23188 9.451%, 1.24125, 1.25024, 1.25885 9.781%, 1.26635, 1.27354 9.981%, 1.28109 10.091%, 1.28762 10.191%, 1.29445 10.301%, 1.30034 10.401%, 1.30645 10.511%, 1.31169 10.611%, 1.31709 10.721%, 1.32169 10.821%, 1.32387 10.871%, 1.32639 10.931%, 1.32841 10.981%, 1.33073 11.041%, 1.33258 11.091%, 1.33471 11.151%, 1.3364, 1.33802, 1.33956 11.301%, 1.34132 11.361%, 1.3427 11.411%, 1.34426 11.471%, 1.34549 11.521%, 1.34687 11.581%, 1.34793 11.631%, 1.34912 11.691%, 1.35004 11.741%, 1.35104 11.801%, 1.3518 11.851%, 1.35263 11.911%, 1.35324 11.961%, 1.35388 12.021%, 1.35417 12.051%, 1.35451, 1.35481, 1.35507, 1.35529, 1.35547, 1.3556, 1.35569 12.331%, 1.35574 12.361%, 1.35576, 1.35574, 1.35568, 1.35558, 1.35544, 1.35526, 1.35504, 1.35479, 1.35449, 1.35416, 1.35379, 1.35338, 1.35293, 1.35245, 1.35193, 1.35137, 1.35078 13.041%, 1.34949, 1.34805, 1.34648, 1.34477, 1.34293, 1.34096 13.521%, 1.33859 13.611%, 1.33635 13.691%, 1.33368, 1.33086, 1.3279 13.961%, 1.32514 14.041%, 1.32191, 1.31854, 1.31504, 1.31141, 1.30766, 1.30379 14.581%, 1.29935 14.681%, 1.29243, 1.28523, 1.27775 15.132%, 1.26949, 1.26097 15.452%, 1.25164 15.622%, 1.2415, 1.2311 15.982%, 1.22228 16.132%, 1.21271 16.292%, 1.20241 16.462%, 1.19137 16.642%, 1.17024 16.982%, 1.11509 17.862%, 1.09899 18.122%, 1.08492 18.352%, 1.06929 18.612%, 1.05515 18.852%, 1.04192 19.082%, 1.02958 19.302%, 1.01651 19.542%, 1.01014, 1.00389, 0.99776 19.902%, 0.99224 20.012%, 0.98635 20.132%, 0.98107, 0.97589, 0.97083, 0.96589, 0.96106, 0.95636, 0.95178, 0.94732, 0.94299, 0.93879 21.232%, 0.93508, 0.93148, 0.92798, 0.9246, 0.92132, 0.91815, 0.9151, 0.91215, 0.90931, 0.90659, 0.90397, 0.90147, 0.89908, 0.8968, 0.89462, 0.89256, 0.89061, 0.88877, 0.88704, 0.88541, 0.8839, 0.88249 23.432%, 0.88106 23.542%, 0.87987, 0.87879, 0.87781 23.842%, 0.87736 23.892%, 0.87685 23.952%, 0.87608 24.052%, 0.87574 24.102%, 0.87535 24.162%, 0.87506, 0.8748, 0.87455 24.312%, 0.8743 24.372%, 0.87404 24.442%, 0.8738, 0.87362, 0.8735 24.682%, 0.87345 24.752%, 0.87344, 0.87349, 0.8736, 0.87376, 0.87397, 0.87424, 0.87457, 0.87494, 0.87537, 0.87585 25.553%, 0.87645 25.643%, 0.87703, 0.87766, 0.87834 25.883%, 0.87915 25.973%, 0.87993 26.053%, 0.88085, 0.88183, 0.88286, 0.88395, 0.88508, 0.88626, 0.88749, 0.88877 26.773%, 0.89023 26.873%, 0.8916 26.963%, 0.89317 27.063%, 0.89562, 0.89817 27.363%, 0.90099, 0.90392 27.683%, 0.90714, 0.91046 28.023%, 0.91407, 0.91777 28.383%, 0.92091 28.533%, 0.92431 28.693%, 0.9319 29.043%, 0.93942 29.383%, 0.95904 30.263%, 0.96477 30.523%, 0.96977 30.753%, 0.97533 31.013%, 0.98036 31.253%, 0.98507 31.483%, 0.98946 31.703%, 0.99411, 0.9986 32.183%, 1.00274 32.413%, 1.00484 32.533%, 1.00672, 1.00856, 1.01036, 1.01212, 1.01384, 1.01551, 1.01714, 1.01873, 1.02027 33.523%, 1.02163, 1.02295, 1.02424, 1.02549, 1.0267, 1.02787, 1.029 34.223%, 1.02998 34.313%, 1.03104, 1.03206, 1.03303 34.613%, 1.03388 34.703%, 1.03478, 1.03565, 1.03647, 1.03725 35.104%, 1.03793 35.194%, 1.03864, 1.03931, 1.03994, 1.04053, 1.04109, 1.04161, 1.04208, 1.04253, 1.04293, 1.0433, 1.04363, 1.04392, 1.04418, 1.04441 36.594%, 1.04461 36.704%, 1.04481, 1.04495, 1.04501, 1.04502, 1.04496, 1.04485, 1.04467 37.684%, 1.04442, 1.0441, 1.04372, 1.04329, 1.04279, 1.04224 38.584%, 1.04159, 1.04089, 1.04013, 1.03932, 1.03846, 1.03755 39.544%, 1.03654, 1.03548 39.884%, 1.03432, 1.03311 40.244%, 1.03179 40.434%, 1.0305 40.614%, 1.02911 40.804%, 1.02762 41.004%, 1.02602 41.214%, 1.02259 41.654%, 1.01545 42.554%, 1.01231 42.954%, 1.00916 43.364%, 1.00633 43.744%, 1.00474, 1.0032 44.184%, 1.00176 44.394%, 1.00044, 0.99916, 0.99792 44.994%, 0.99678, 0.99569 45.375%, 0.99443, 0.99324, 0.99212, 0.99107, 0.99009 46.525%, 0.98922 46.745%, 0.98839 46.975%, 0.98766, 0.987 47.415%, 0.98638 47.645%, 0.98586 47.865%, 0.98538, 0.98498, 0.98465, 0.98438, 0.98419 49.015%, 0.9841 49.155%, 0.98404 49.305%, 0.984 49.445%, 0.98398 49.595%, 0.98399 49.735%, 0.98402, 0.98408, 0.98416, 0.98427 50.335%, 0.98441 50.495%, 0.98456 50.645%, 0.98474, 0.98495, 0.98517 51.125%, 0.98544, 0.98572 51.465%, 0.98632 51.785%, 0.987 52.115%, 0.98779 52.465%, 0.98871 52.845%, 0.98967 53.215%, 0.99077 53.625%, 0.99196 54.055%, 0.99556 55.336%, 0.99669 55.746%, 0.99767 56.116%, 0.99876 56.546%, 0.99975 56.956%, 1.00063 57.346%, 1.00143 57.726%, 1.00188 57.956%, 1.00229 58.176%, 1.0027 58.406%, 1.00307 58.626%, 1.00342 58.856%, 1.00374, 1.00403, 1.0043, 1.00454, 1.00476, 1.00496, 1.00513, 1.00528 60.616%, 1.00541 60.846%, 1.00551 61.066%, 1.00559 61.296%, 1.00566, 1.0057 61.896%, 1.00569 62.206%, 1.00565, 1.00556 62.846%, 1.00544 63.176%, 1.00528 63.516%, 1.00508 63.866%, 1.00487 64.186%, 1.00462 64.526%, 1.00433 64.886%, 1.004 65.267%, 1.00327 66.047%, 1.0016 67.717%, 1.00087 68.477%, 1.00015 69.287%, 0.99956 70.027%, 0.99926, 0.99899, 0.99875 71.317%, 0.99855, 0.99838, 0.99824 72.577%, 0.99813, 0.99804 73.437%, 0.99798 74.087% 74.767%, 0.99805 75.468%, 0.99818 76.218%, 0.99835 76.898%, 0.99857 77.658%, 0.99884 78.448%, 0.99968 80.848%, 0.99993 81.628%, 1.00014 82.358%, 1.00034 83.198%, 1.0005, 1.00061, 1.00068 85.659%, 1.00072 86.379% 87.119%, 1.00069 87.899%, 1.00064 88.729%, 1.00049 90.209%, 1.00003 94.019%, 0.99992 95.11%, 0.99984 96.15%, 0.99976 98.02%, 0.99975;
|
|
47
|
-
$md-sys-motion-spring-default-effects-duration: 667ms;
|
|
48
|
-
$md-sys-motion-spring-slow-spatial: 0, 0.00002, 0.0001, 0.00022 0.18%, 0.00043 0.25%, 0.00066, 0.00093, 0.00125 0.43%, 0.00169 0.5%, 0.00211, 0.00258, 0.00309 0.68%, 0.00375 0.75%, 0.00436 0.81%, 0.00512 0.88%, 0.00582 0.94%, 0.0067 1.01%, 0.00749 1.07%, 0.00847 1.14%, 0.00935 1.2%, 0.01043 1.27%, 0.0114 1.33%, 0.01259, 0.01382, 0.01511 1.54%, 0.01625 1.6%, 0.01764, 0.01907, 0.02055 1.81%, 0.02367, 0.02697, 0.03046, 0.03413, 0.03798 2.51%, 0.04228 2.66%, 0.04648 2.8%, 0.05115, 0.05599, 0.06101, 0.06619 3.4%, 0.0719 3.56%, 0.07741 3.71%, 0.08345, 0.08965, 0.09601, 0.10252 4.35%, 0.1096 4.52%, 0.12071, 0.13216 5.041%, 0.14438 5.311%, 0.15739 5.591%, 0.17117 5.881%, 0.18574 6.181%, 0.20109 6.491%, 0.21722 6.811%, 0.23153 7.091%, 0.24653 7.381%, 0.26273 7.691%, 0.28066 8.031%, 0.31582 8.691%, 0.38668 10.011%, 0.41715 10.581%, 0.44843 11.171%, 0.47671 11.711%, 0.49277 12.021%, 0.50817 12.321%, 0.52291, 0.5375 12.901%, 0.55143, 0.56521, 0.57882 13.741%, 0.59178 14.011%, 0.60645, 0.6209, 0.63511 14.941%, 0.64864, 0.66194, 0.67499, 0.68781, 0.70039, 0.71271 16.742%, 0.72439 17.032%, 0.73622 17.332%, 0.74741 17.622%, 0.75874 17.922%, 0.76944, 0.7799, 0.79012 18.792%, 0.80043, 0.81049, 0.82028, 0.82982, 0.8391 20.292%, 0.84364, 0.84812, 0.85254, 0.85689, 0.86118, 0.86541, 0.86957, 0.87367, 0.87771 21.642%, 0.88195 21.802%, 0.88586, 0.88971, 0.8935 22.252%, 0.89747 22.412%, 0.90113 22.562%, 0.90498 22.722%, 0.90852 22.872%, 0.91223 23.032%, 0.91564 23.182%, 0.91923 23.342%, 0.92252 23.492%, 0.92598 23.652%, 0.92916 23.802%, 0.93249, 0.93575, 0.93895 24.282%, 0.9419 24.432%, 0.94498, 0.948, 0.95095, 0.95385, 0.95669, 0.95947 25.393%, 0.96235 25.563%, 0.96501, 0.96761, 0.97015 26.043%, 0.97279 26.213%, 0.97521 26.373%, 0.97773 26.543%, 0.98005 26.703%, 0.98244 26.873%, 0.98465 27.033%, 0.98693, 0.98915, 0.99132, 0.99343, 0.99548, 0.99748, 0.99942, 1.00131 28.393%, 1.00325 28.573%, 1.00503 28.743%, 1.00686 28.923%, 1.00921, 1.01146, 1.01361 29.643%, 1.01575, 1.01779, 1.01973, 1.02158, 1.02333, 1.02499 31.143%, 1.02582, 1.02662 31.403%, 1.02816, 1.02961, 1.03097 32.183%, 1.03162 32.313%, 1.03229 32.453%, 1.03289 32.583%, 1.03352, 1.03412, 1.0347 33.003%, 1.03576 33.273%, 1.03627, 1.03677 33.553%, 1.03769 33.833%, 1.03812 33.973%, 1.03856 34.123%, 1.03895 34.263%, 1.03934 34.413%, 1.04004, 1.04067 34.993%, 1.04123, 1.04172 35.594%, 1.04215, 1.0425 36.214%, 1.04278, 1.04299 36.854%, 1.04313 37.184%, 1.0432, 1.04321 37.864%, 1.04317 38.104%, 1.04309, 1.04298 38.604%, 1.04283, 1.04265 39.124%, 1.04243, 1.04218, 1.04189 39.934%, 1.04157, 1.04121 40.494%, 1.04082 40.784%, 1.04038 41.084%, 1.03989, 1.03938 41.704%, 1.03883 42.024%, 1.03823 42.354%, 1.03724 42.874%, 1.03616 43.414%, 1.03494 43.994%, 1.03357 44.624%, 1.03232 45.185%, 1.03091 45.805%, 1.02541 48.185%, 1.02303 49.225%, 1.02063 50.305%, 1.01952 50.815%, 1.01848 51.305%, 1.01734 51.855%, 1.01625 52.395%, 1.01521, 1.0142 53.455%, 1.01325 53.975%, 1.01234, 1.01146, 1.01061 55.506%, 1.00983, 1.00908, 1.00836, 1.00766, 1.007 57.956%, 1.00635 58.456%, 1.00575 58.946%, 1.00516, 1.00461, 1.00408 60.446%, 1.00357, 1.00309, 1.00264 61.976%, 1.00221 62.496%, 1.0018, 1.00142 63.556%, 1.00104 64.116%, 1.00069 64.686%, 1.00036 65.267%, 1.00006 65.857%, 0.99978 66.457%, 0.99952 67.067%, 0.99929 67.687%, 0.99908 68.317%, 0.99889 68.957%, 0.99872 69.617%, 0.99858 70.297%, 0.99845 70.987%, 0.99835 71.697%, 0.99827 72.427%, 0.9982 73.187%, 0.99816 73.967%, 0.99813 75.068%, 0.99814 76.248%, 0.99818 77.508%, 0.99826 78.888%, 0.99847 81.478%, 0.99913 88.249%, 0.99944 91.849%, 0.99959, 0.99971 95.87%, 0.99981 97.91%, 0.9999;
|
|
49
|
-
$md-sys-motion-spring-slow-spatial-duration: 883ms;
|
|
50
|
-
$md-sys-motion-spring-slow-effects: 0, 0.00003 0.04%, 0.00006 0.06%, 0.00014 0.09%, 0.0003 0.13%, 0.00057 0.18%, 0.00085 0.22%, 0.00128, 0.00179, 0.00238 0.37%, 0.00292 0.41%, 0.00367 0.46%, 0.00432 0.5%, 0.00521 0.55%, 0.00599 0.59%, 0.00702, 0.00814, 0.00933 0.74%, 0.01035 0.78%, 0.01168, 0.01309, 0.01458 0.93%, 0.01744 1.02%, 0.01914, 0.0209 1.12%, 0.02426 1.21%, 0.02827, 0.03255, 0.0371, 0.04191, 0.04699, 0.05231 1.81%, 0.05845 1.92%, 0.06429 2.02%, 0.07098 2.13%, 0.0773 2.23%, 0.0845 2.34%, 0.09128 2.44%, 0.09897, 0.10691, 0.11509, 0.12349 2.88%, 0.13291 3%, 0.14177 3.11%, 0.15166 3.23%, 0.16694 3.41%, 0.18361, 0.20078 3.79%, 0.21937, 0.23845 4.19%, 0.25895 4.4%, 0.28089, 0.30326 4.84%, 0.32288 5.031%, 0.3438 5.231%, 0.36601 5.441%, 0.39058 5.671%, 0.4381 6.111%, 0.56532 7.281%, 0.60403 7.641%, 0.63804 7.961%, 0.67572 8.321%, 0.71062 8.661%, 0.74377 8.991%, 0.77417 9.301%, 0.79147 9.481%, 0.80755 9.651%, 0.82431 9.831%, 0.83986, 0.85514, 0.87014, 0.88485, 0.89927, 0.91339 10.851%, 0.92639 11.011%, 0.93991 11.181%, 0.95234 11.341%, 0.96524 11.511%, 0.97708, 0.98863, 0.99989 11.991%, 1.01153 12.161%, 1.02217 12.321%, 1.03315 12.491%, 1.04317 12.651%, 1.05349 12.821%, 1.06289, 1.07199, 1.08078, 1.08927 13.461%, 1.09795 13.631%, 1.10581 13.791%, 1.11384 13.961%, 1.12108 14.121%, 1.12844 14.291%, 1.13507 14.451%, 1.13827 14.531%, 1.14178 14.621%, 1.1478 14.781%, 1.1507 14.861%, 1.15387 14.951%, 1.15662 15.032%, 1.15962 15.122%, 1.16221 15.202%, 1.16505 15.292%, 1.16749 15.372%, 1.17016 15.462%, 1.17245 15.542%, 1.17495 15.632%, 1.1771 15.712%, 1.17943 15.802%, 1.18143 15.882%, 1.1836 15.972%, 1.18546 16.052%, 1.18748 16.142%, 1.18919 16.222%, 1.19105 16.312%, 1.19263 16.392%, 1.19433, 1.19595, 1.19749 16.662%, 1.19879 16.742%, 1.20018, 1.20149, 1.20273, 1.20388, 1.20497, 1.20598, 1.20691, 1.20777 17.462%, 1.20864, 1.20943, 1.21013, 1.21074, 1.21127, 1.21171, 1.21207, 1.21235, 1.21256, 1.21268 18.462%, 1.21271 18.512%, 1.21273 18.572%, 1.21269 18.672%, 1.21264 18.722%, 1.21256 18.782%, 1.21237 18.882%, 1.21225 18.932%, 1.21208 18.992%, 1.21174 19.092%, 1.21128, 1.21075, 1.21013, 1.20944, 1.20866, 1.20782, 1.2069, 1.20591 19.972%, 1.20475 20.092%, 1.20361 20.202%, 1.2023 20.322%, 1.20103 20.432%, 1.19957, 1.19804, 1.19644 20.792%, 1.19491, 1.19333, 1.19169, 1.19, 1.18826 21.342%, 1.18631 21.462%, 1.18447 21.572%, 1.18242, 1.18031, 1.17815, 1.17594, 1.17369 22.172%, 1.1712, 1.16866 22.432%, 1.16346 22.692%, 1.15829 22.942%, 1.15257 23.212%, 1.14627 23.502%, 1.13962 23.802%, 1.13308 24.092%, 1.12555 24.422%, 1.11771 24.762%, 1.0948 25.753%, 1.08768 26.063%, 1.08131 26.343%, 1.07411 26.663%, 1.06725 26.973%, 1.06094 27.263%, 1.05495 27.543%, 1.04806 27.873%, 1.04459 28.043%, 1.04136, 1.03818, 1.03506, 1.03198 28.683%, 1.02914 28.833%, 1.02617 28.993%, 1.02343, 1.02074, 1.0181, 1.01551, 1.01297, 1.01048, 1.00805 30.043%, 1.00521, 1.00244, 0.99975 30.583%, 0.99728 30.753%, 0.99474 30.933%, 0.99242 31.103%, 0.99005 31.283%, 0.98788 31.453%, 0.98566 31.633%, 0.98364, 0.98169 31.973%, 0.97971 32.153%, 0.97791 32.323%, 0.97609 32.503%, 0.97444 32.673%, 0.97278 32.853%, 0.97128 33.023%, 0.96977, 0.96834, 0.96698 33.563%, 0.96577 33.733%, 0.96457, 0.96344, 0.96239, 0.96141, 0.9605, 0.95967 34.813%, 0.95886 35.004%, 0.95817 35.184%, 0.95752, 0.95694, 0.95643 35.754%, 0.95597 35.954%, 0.95577 36.054%, 0.95557 36.164%, 0.95525, 0.95501, 0.95485 36.794%, 0.9548, 0.95476 37.014%, 0.95475, 0.95482, 0.95497 37.674%, 0.95519, 0.95549 38.134%, 0.95588, 0.95634, 0.95687 38.854%, 0.95749, 0.95818 39.354%, 0.95884 39.574%, 0.95958, 0.96036 40.034%, 0.96123, 0.96214 40.514%, 0.96313 40.764%, 0.9642 41.024%, 0.96535 41.294%, 0.96646 41.544%, 0.96768 41.814%, 0.96897 42.094%, 0.97039 42.394%, 0.97339 43.014%, 0.97978 44.314%, 0.98255 44.884%, 0.98546 45.495%, 0.9868 45.785%, 0.98803 46.055%, 0.98946, 0.99085 46.695%, 0.99216 47.005%, 0.9934, 0.99459 47.605%, 0.9957, 0.99677, 0.9978 48.475%, 0.99896, 1.00005, 1.00109, 1.00206, 1.00297 50.175%, 1.0038 50.505%, 1.00458, 1.00531, 1.00598, 1.00658, 1.00713 52.205%, 1.00763, 1.00807, 1.00845 53.255%, 1.00878, 1.00906 53.975%, 1.0092 54.195%, 1.00932 54.425%, 1.00942 54.645%, 1.0095 54.875%, 1.0096 55.336%, 1.00962 55.576% 55.816%, 1.00957 56.306%, 1.00944 56.806%, 1.00922 57.326%, 1.00893 57.876%, 1.00863 58.336%, 1.00827 58.816%, 1.00785 59.326%, 1.00736 59.876%, 1.00687 60.396%, 1.00628 60.986%, 1.00374 63.426%, 1.00262 64.546%, 1.00205 65.157%, 1.00152 65.747%, 1.00104 66.317%, 1.0006 66.867%, 1.00013 67.517%, 0.99971, 0.99934, 0.99902, 0.99874 70.077%, 0.9985, 0.99831 71.377%, 0.99816 72.047%, 0.99807, 0.99801 73.047%, 0.99797 73.557%, 0.99795 74.087%, 0.99796 74.637%, 0.99798 75.198%, 0.99809 76.388%, 0.99824 77.388%, 0.99845 78.518%, 0.99939 82.878%, 0.99978 84.898%, 0.99996 85.989%, 1.0001, 1.00022, 1.00031 89.169%, 1.00037 90.209%, 1.00041 91.289%, 1.00043 92.409% 93.589%, 1.00037 96.15%, 1.0002;
|
|
51
|
-
$md-sys-motion-spring-slow-effects: 667ms;
|
|
24
|
+
//
|
|
25
|
+
// Set $master: true (via @use ... with) to install every duration token + path on :root —
|
|
26
|
+
// used by the master bundle. When false (default), components opt into individual duration
|
|
27
|
+
// tokens via @include duration('medium2'), so per-component CSS bundles only carry what they
|
|
28
|
+
// reference via var(--md-sys-motion-duration-...).
|
|
29
|
+
//
|
|
30
|
+
$master: false !default;
|
|
52
31
|
|
|
32
|
+
//
|
|
33
|
+
// Project-tuned cubic-bezier approximations of M3 spring-based motion. M3 itself defines
|
|
34
|
+
// fast/default/slow × spatial/effects motion as spring physics (damping/stiffness pairs),
|
|
35
|
+
// but CSS transitions don't have a native spring() timing function, so these bezier curves
|
|
36
|
+
// stand in. Y values >1 in the spatial easings produce the characteristic M3 Expressive overshoot.
|
|
37
|
+
//
|
|
53
38
|
$md-sys-motion-expressive-fast-spatial: cubic-bezier(0.42, 1.67, 0.21, 0.90);
|
|
54
39
|
$md-sys-motion-expressive-fast-spatial-duration: 350ms;
|
|
55
40
|
$md-sys-motion-expressive-fast-effects: cubic-bezier(0.31, 0.94, 0.34, 1.00);
|
|
@@ -106,22 +91,41 @@ $md-sys-motion-duration-extra-long4: 1000ms;
|
|
|
106
91
|
|
|
107
92
|
$md-sys-motion-path: linear;
|
|
108
93
|
|
|
109
|
-
:
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
94
|
+
$_durations: (
|
|
95
|
+
short1: $md-sys-motion-duration-short1,
|
|
96
|
+
short2: $md-sys-motion-duration-short2,
|
|
97
|
+
short3: $md-sys-motion-duration-short3,
|
|
98
|
+
short4: $md-sys-motion-duration-short4,
|
|
99
|
+
medium1: $md-sys-motion-duration-medium1,
|
|
100
|
+
medium2: $md-sys-motion-duration-medium2,
|
|
101
|
+
medium3: $md-sys-motion-duration-medium3,
|
|
102
|
+
medium4: $md-sys-motion-duration-medium4,
|
|
103
|
+
long1: $md-sys-motion-duration-long1,
|
|
104
|
+
long2: $md-sys-motion-duration-long2,
|
|
105
|
+
long3: $md-sys-motion-duration-long3,
|
|
106
|
+
long4: $md-sys-motion-duration-long4,
|
|
107
|
+
extra-long1: $md-sys-motion-duration-extra-long1,
|
|
108
|
+
extra-long2: $md-sys-motion-duration-extra-long2,
|
|
109
|
+
extra-long3: $md-sys-motion-duration-extra-long3,
|
|
110
|
+
extra-long4: $md-sys-motion-duration-extra-long4,
|
|
111
|
+
);
|
|
112
|
+
|
|
113
|
+
@mixin duration($name) {
|
|
114
|
+
@if not $master {
|
|
115
|
+
@if not map.has-key($_durations, $name) {
|
|
116
|
+
@error "Unknown duration '#{$name}'. Available: #{map.keys($_durations)}.";
|
|
117
|
+
}
|
|
118
|
+
:root {
|
|
119
|
+
--md-sys-motion-duration-#{$name}: #{map.get($_durations, $name)};
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
@if $master {
|
|
125
|
+
:root {
|
|
126
|
+
@each $name, $value in $_durations {
|
|
127
|
+
--md-sys-motion-duration-#{$name}: #{$value};
|
|
128
|
+
}
|
|
129
|
+
--md-sys-motion-path: #{$md-sys-motion-path};
|
|
130
|
+
}
|
|
127
131
|
}
|
package/styles/shapes.scss
CHANGED
|
@@ -19,31 +19,46 @@
|
|
|
19
19
|
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
20
20
|
// SOFTWARE.
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
$md-sys-shape-corner-value-extra-small: 4px;
|
|
24
|
-
$md-sys-shape-corner-value-small: 8px;
|
|
25
|
-
$md-sys-shape-corner-value-medium: 12px;
|
|
26
|
-
$md-sys-shape-corner-value-large: 16px;
|
|
27
|
-
$md-sys-shape-corner-value-large-increased: 20px;
|
|
28
|
-
$md-sys-shape-corner-value-extra-large: 28px;
|
|
29
|
-
$md-sys-shape-corner-value-extra-large-increased: 32px;
|
|
30
|
-
$md-sys-shape-corner-value-extra-extra-large: 48px;
|
|
31
|
-
$md-sys-shape-corner-full: 50%;
|
|
22
|
+
@use 'sass:map';
|
|
32
23
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
24
|
+
//
|
|
25
|
+
// Set $master: true (via @use ... with) to install every corner token in a single body block —
|
|
26
|
+
// used by the master bundle. When false (default), components opt into individual tokens via
|
|
27
|
+
// @include corner('medium'), so per-component CSS bundles only carry the tokens they actually
|
|
28
|
+
// reference.
|
|
29
|
+
//
|
|
30
|
+
$master: false !default;
|
|
31
|
+
|
|
32
|
+
$_corners: (
|
|
33
|
+
none: 0px,
|
|
34
|
+
extra-small: 4px,
|
|
35
|
+
extra-small-top: (4px 4px 0 0),
|
|
36
|
+
small: 8px,
|
|
37
|
+
medium: 12px,
|
|
38
|
+
large: 16px,
|
|
39
|
+
large-end: (0 16px 16px 0),
|
|
40
|
+
large-start: (16px 0 0 16px),
|
|
41
|
+
large-top: (16px 16px 0 0),
|
|
42
|
+
large-increased: 20px,
|
|
43
|
+
extra-large: 28px,
|
|
44
|
+
extra-large-top: (28px 28px 0 0),
|
|
45
|
+
extra-large-increased: 32px,
|
|
46
|
+
extra-extra-large: 48px,
|
|
47
|
+
full: 50%,
|
|
48
|
+
);
|
|
49
|
+
|
|
50
|
+
@if $master {
|
|
51
|
+
:root {
|
|
52
|
+
@each $name, $value in $_corners {
|
|
53
|
+
--md-sys-shape-corner-#{$name}: #{$value};
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
@mixin corner($name) {
|
|
59
|
+
@if not $master {
|
|
60
|
+
:root {
|
|
61
|
+
--md-sys-shape-corner-#{$name}: #{map.get($_corners, $name)};
|
|
62
|
+
}
|
|
63
|
+
}
|
|
49
64
|
}
|
package/styles/statelayer.scss
CHANGED
|
@@ -19,44 +19,101 @@
|
|
|
19
19
|
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
20
20
|
// SOFTWARE.
|
|
21
21
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
$
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
$
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
:
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
--md-sys-state-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
22
|
+
@use 'sass:map';
|
|
23
|
+
|
|
24
|
+
//
|
|
25
|
+
// Set $master: true (via @use ... with) to install every state-layer token, the @property
|
|
26
|
+
// registrations, and the ripple keyframes — used by the master bundle. When false (default),
|
|
27
|
+
// components opt into individual tokens via @include token('hover-state-layer-opacity'),
|
|
28
|
+
// the animatable @property registrations via @include property, and the ripple keyframes via
|
|
29
|
+
// @include keyframes — so per-component CSS bundles only carry what they actually reference.
|
|
30
|
+
//
|
|
31
|
+
$master: false !default;
|
|
32
|
+
|
|
33
|
+
$_tokens: (
|
|
34
|
+
layer-size: 40px,
|
|
35
|
+
target-size: 48px,
|
|
36
|
+
hover-state-layer-opacity: 8%,
|
|
37
|
+
focus-state-layer-opacity: 10%,
|
|
38
|
+
pressed-state-layer-opacity: 10%,
|
|
39
|
+
dragged-state-layer-opacity: 16%,
|
|
40
|
+
// TODO: misnamed vs M3 spec — value 38% matches DisabledLabelTextOpacity / DisabledIconOpacity
|
|
41
|
+
// (content fade), but M3's `disabled.state-layer.opacity` is 12% (container background).
|
|
42
|
+
// Either rename to --md-sys-state-disabled-opacity (breaking) or split into two tokens.
|
|
43
|
+
disabled-state-layer-opacity: 38%,
|
|
44
|
+
focus-indicator-inner-offset: -3px,
|
|
45
|
+
focus-indicator-outer-offset: 2px,
|
|
46
|
+
focus-indicator-thickness: 3px,
|
|
47
|
+
backdrop-opacity: 32%,
|
|
48
|
+
ripple-opacity-factor: 0.6,
|
|
49
|
+
// TODO: 5000ms is well outside M3's motion scale (max DurationExtraLong4 = 1000ms;
|
|
50
|
+
// standard ripples ~300ms). Used here as an upper-bound cap on the @keyframes spread,
|
|
51
|
+
// not as a perceived animation duration. Consider renaming to ripple-spread-cap or
|
|
52
|
+
// aligning with an M3 motion token.
|
|
53
|
+
ripple-duration: 5000ms,
|
|
54
|
+
);
|
|
55
|
+
|
|
56
|
+
@mixin token($name) {
|
|
57
|
+
@if not $master {
|
|
58
|
+
:root {
|
|
59
|
+
--md-sys-state-#{$name}: #{map.get($_tokens, $name)};
|
|
60
|
+
}
|
|
61
|
+
}
|
|
50
62
|
}
|
|
51
63
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
64
|
+
//
|
|
65
|
+
// CSS @property registrations for the ripple animation. Components that animate --statelayer-color
|
|
66
|
+
// or --statelayer-opacity (typed-property interpolation) must include this mixin; otherwise the
|
|
67
|
+
// variables fall back to untyped strings and the browser cannot transition between values.
|
|
68
|
+
//
|
|
69
|
+
@mixin property {
|
|
70
|
+
@if not $master {
|
|
71
|
+
@property --statelayer-color {
|
|
72
|
+
syntax: '<color>';
|
|
73
|
+
initial-value: transparent;
|
|
74
|
+
inherits: false;
|
|
75
|
+
}
|
|
76
|
+
@property --statelayer-opacity {
|
|
77
|
+
syntax: '<percentage>';
|
|
78
|
+
initial-value: 0%;
|
|
79
|
+
inherits: false;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
56
82
|
}
|
|
57
83
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
84
|
+
//
|
|
85
|
+
// Ripple keyframes only required by components that actually run the ripple background-size
|
|
86
|
+
// animation.
|
|
87
|
+
//
|
|
88
|
+
@mixin keyframes {
|
|
89
|
+
@if not $master {
|
|
90
|
+
@keyframes micl-ripple {
|
|
91
|
+
from { background-size: 0%, 100%; }
|
|
92
|
+
to { background-size: 10000%, 100%; }
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
@if $master {
|
|
98
|
+
:root {
|
|
99
|
+
@each $name, $value in $_tokens {
|
|
100
|
+
--md-sys-state-#{$name}: #{$value};
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
@property --statelayer-color {
|
|
105
|
+
syntax: '<color>';
|
|
106
|
+
initial-value: transparent;
|
|
107
|
+
inherits: false;
|
|
108
|
+
}
|
|
109
|
+
@property --statelayer-opacity {
|
|
110
|
+
syntax: '<percentage>';
|
|
111
|
+
initial-value: 0%;
|
|
112
|
+
inherits: false;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
@keyframes micl-ripple {
|
|
116
|
+
from { background-size: 0%, 100%; }
|
|
117
|
+
to { background-size: 10000%, 100%; }
|
|
118
|
+
}
|
|
62
119
|
}
|