feat: updated Slider for MDC v10

Author: hperrin

README.md

@@ -224,7 +224,7 @@ Update Progress Checklist:
 - [ ] Select Menus
   - [ ] Select Helper Text
   - [ ] Select Icon
-- [ ] Sliders
+- [x] Sliders
 - [ ] Switches
 - [ ] Text Field
   - [ ] Text Field Character Counter

packages/checkbox/Checkbox.svelte

@@ -116,8 +116,6 @@
   let context = getContext('SMUI:checkbox:context');
   let dataTableHeader = getContext('SMUI:data-table:row:header');
   let getDataTableRowIndex = getContext('SMUI:data-table:row:getIndex');
-  let instantiate = getContext('SMUI:checkbox:instantiate');
-  let getInstance = getContext('SMUI:checkbox:getInstance');
 
   $: if (setChecked) {
     setChecked(nativeChecked);

packages/paper/Paper.svelte

@@ -6,7 +6,7 @@
     ? 'smui-paper--elevation-z' + elevation
     : ''} {!square ? 'smui-paper--rounded' : ''} {color !== 'default'
     ? 'smui-paper--color-' + color
-    : ''}  {transition ? 'mdc-elevation-transition' : ''}"
+    : ''}  {transition ? 'smui-paper-transition' : ''}"
   {...exclude($$props, ['use', 'class', 'square', 'color', 'transition'])}
 >
   <slot />

packages/paper/_mixins.scss

@@ -8,6 +8,7 @@ $paper-padding: 24px 16px !default;
 
 @mixin core-styles($query: feature-targeting.all()) {
   $feat-color: feature-targeting.create-target($query, color);
+  $feat-animation: feature-targeting.create-target($query, animation);
   $feat-structure: feature-targeting.create-target($query, structure);
 
   .smui-paper {
@@ -21,6 +22,16 @@ $paper-padding: 24px 16px !default;
       @include shape-radius(medium, $query: $query);
     }
 
+    &.smui-paper-transition {
+      @include feature-targeting.targets($feat-animation) {
+        transition: elevation.transition-value();
+      }
+
+      @include feature-targeting.targets($feat-structure) {
+        will-change: elevation.$property;
+      }
+    }
+
     .smui-paper__title {
       @include typography.typography(headline5, $query);
       margin-top: 0;