@spectrum-web-components/slider 0.15.8 → 0.15.9

package/custom-elements.json

@@ -4,7 +4,7 @@
   "modules": [
     {
       "kind": "javascript-module",
-      "path": "sp-slider-handle.ts",
+      "path": "sp-slider-handle.js",
       "declarations": [],
       "exports": [
         {
@@ -19,7 +19,7 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sp-slider.ts",
+      "path": "sp-slider.js",
       "declarations": [],
       "exports": [
         {
@@ -34,13 +34,13 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sync/sp-slider.ts",
+      "path": "sync/sp-slider.js",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "src/HandleController.ts",
+      "path": "src/HandleController.js",
       "declarations": [
         {
           "kind": "class",
@@ -611,14 +611,14 @@
           "name": "HandleController",
           "declaration": {
             "name": "HandleController",
-            "module": "src/HandleController.ts"
+            "module": "src/HandleController.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/Slider.ts",
+      "path": "src/Slider.js",
       "declarations": [
         {
           "kind": "variable",
@@ -653,7 +653,7 @@
               "default": "new HandleController(\n        this\n    )",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -724,7 +724,7 @@
               "privacy": "public",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -774,7 +774,7 @@
               "default": "0",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -789,7 +789,7 @@
               "default": "100",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -804,7 +804,7 @@
               "default": "1",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -893,7 +893,7 @@
               "privacy": "public",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -905,7 +905,7 @@
               "privacy": "public",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -1131,7 +1131,7 @@
               "default": "''",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -1144,7 +1144,7 @@
               "attribute": "value",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -1159,7 +1159,7 @@
               "reflects": true,
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -1173,7 +1173,7 @@
               "attribute": "highlight",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -1187,7 +1187,7 @@
               "attribute": "name",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -1200,7 +1200,7 @@
               "attribute": "format-options",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -1214,7 +1214,7 @@
               "attribute": "label",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -1226,7 +1226,7 @@
               "privacy": "public",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -1236,7 +1236,7 @@
               "default": "new LanguageResolutionController(this)",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -1249,7 +1249,7 @@
               "default": "{\n    toNormalized(value: number, min: number, max: number) {\n        return (value - min) / (max - min);\n    },\n    fromNormalized(value: number, min: number, max: number) {\n        return value * (max - min) + min;\n    },\n}",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -1263,7 +1263,7 @@
               },
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -1275,7 +1275,7 @@
               "privacy": "protected",
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             },
             {
@@ -1289,7 +1289,7 @@
               },
               "inheritedFrom": {
                 "name": "SliderHandle",
-                "module": "src/SliderHandle.ts"
+                "module": "src/SliderHandle.js"
               }
             }
           ],
@@ -1531,7 +1531,7 @@
           "name": "variants",
           "declaration": {
             "name": "variants",
-            "module": "src/Slider.ts"
+            "module": "src/Slider.js"
           }
         },
         {
@@ -1539,14 +1539,14 @@
           "name": "Slider",
           "declaration": {
             "name": "Slider",
-            "module": "src/Slider.ts"
+            "module": "src/Slider.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/SliderHandle.ts",
+      "path": "src/SliderHandle.js",
       "declarations": [
         {
           "kind": "variable",
@@ -1842,7 +1842,7 @@
           "name": "defaultNormalization",
           "declaration": {
             "name": "defaultNormalization",
-            "module": "src/SliderHandle.ts"
+            "module": "src/SliderHandle.js"
           }
         },
         {
@@ -1850,7 +1850,7 @@
           "name": "SliderHandle",
           "declaration": {
             "name": "SliderHandle",
-            "module": "src/SliderHandle.ts"
+            "module": "src/SliderHandle.js"
           }
         }
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/slider",
-    "version": "0.15.8",
+    "version": "0.15.9",
     "publishConfig": {
         "access": "public"
     },
@@ -76,11 +76,11 @@
         "@internationalized/number": "^3.1.0",
         "@lit-labs/observers": "^1.0.1",
         "@spectrum-web-components/base": "^0.7.4",
-        "@spectrum-web-components/field-label": "^0.10.7",
-        "@spectrum-web-components/number-field": "^0.5.13",
+        "@spectrum-web-components/field-label": "^0.10.8",
+        "@spectrum-web-components/number-field": "^0.6.0",
         "@spectrum-web-components/reactive-controllers": "^0.3.5",
         "@spectrum-web-components/shared": "^0.15.5",
-        "@spectrum-web-components/theme": "^0.14.12"
+        "@spectrum-web-components/theme": "^0.14.13"
     },
     "devDependencies": {
         "@spectrum-css/slider": "^3.1.12"
@@ -92,5 +92,5 @@
         "./**/*.dev.js",
         "./sync/sp-*.js"
     ],
-    "gitHead": "5e11d828243bb3ff572c25b33a8d58844a89f524"
+    "gitHead": "1e25ee121f3bc838dbb99bac62f3c95857570f7a"
 }

package/src/slider.css.dev.js

@@ -35,57 +35,7 @@ const styles = css`
 --spectrum-alias-item-control-gap-m,var(--spectrum-global-dimension-size-125)
 );--spectrum-slider-label-text-line-height:var(
 --spectrum-global-font-line-height-small,1.3
-)}:host{display:block;min-height:var(--spectrum-slider-height);min-width:var(--spectrum-slider-min-width);position:relative;-webkit-user-select:none;user-select:none;z-index:1}:host([dir=ltr]) #controls{margin-left:var(
---spectrum-slider-controls-margin
-)}:host([dir=rtl]) #controls{margin-right:var(
---spectrum-slider-controls-margin
-)}#controls{box-sizing:border-box;display:inline-block;min-height:var(--spectrum-slider-height);position:relative;vertical-align:top;width:calc(100% - var(--spectrum-slider-controls-margin)*2);z-index:auto}:host([dir=ltr]) #fill,:host([dir=ltr]) .track{left:0}:host([dir=rtl]) #fill,:host([dir=rtl]) .track{right:0}:host([dir=ltr]) #fill,:host([dir=ltr]) .track{right:auto}:host([dir=rtl]) #fill,:host([dir=rtl]) .track{left:auto}#fill,.track{box-sizing:border-box;height:var(
---spectrum-slider-track-height
-);margin-top:calc(var(--spectrum-slider-track-height)/-2);pointer-events:none;position:absolute;top:calc(var(--spectrum-slider-height)/2);z-index:1}:host([dir=ltr]) #fill,:host([dir=ltr]) .track{padding-left:0;padding-right:var(--spectrum-slider-track-handleoffset)}:host([dir=rtl]) #fill,:host([dir=rtl]) .track{padding-left:var(--spectrum-slider-track-handleoffset);padding-right:0}:host([dir=ltr]) #fill,:host([dir=ltr]) .track{margin-left:var(
---spectrum-slider-track-margin-offset
-)}:host([dir=rtl]) #fill,:host([dir=rtl]) .track{margin-right:var(
---spectrum-slider-track-margin-offset
-)}#fill,.track{padding-bottom:0;padding-top:0}:host([dir=ltr]) #fill:before,:host([dir=ltr]) .track:before{border-top-left-radius:0}:host([dir=rtl]) #fill:before,:host([dir=rtl]) .track:before{border-top-right-radius:0}:host([dir=ltr]) #fill:before,:host([dir=ltr]) .track:before{border-bottom-left-radius:0}:host([dir=rtl]) #fill:before,:host([dir=rtl]) .track:before{border-bottom-right-radius:0}:host([dir=ltr]) #fill:before,:host([dir=ltr]) .track:before{border-top-right-radius:0}:host([dir=rtl]) #fill:before,:host([dir=rtl]) .track:before{border-top-left-radius:0}:host([dir=ltr]) #fill:before,:host([dir=ltr]) .track:before{border-bottom-right-radius:0}:host([dir=rtl]) #fill:before,:host([dir=rtl]) .track:before{border-bottom-left-radius:0}#fill:before,.track:before{content:"";display:block;height:100%}:host([dir=ltr]) .track:first-of-type:before{border-top-left-radius:var(
---spectrum-slider-track-border-radius
-)}:host([dir=rtl]) .track:first-of-type:before{border-top-right-radius:var(
---spectrum-slider-track-border-radius
-)}:host([dir=ltr]) .track:first-of-type:before{border-bottom-left-radius:var(
---spectrum-slider-track-border-radius
-)}:host([dir=rtl]) .track:first-of-type:before{border-bottom-right-radius:var(
---spectrum-slider-track-border-radius
-)}:host([dir=ltr]) .track:first-of-type:before{border-top-right-radius:0}:host([dir=rtl]) .track:first-of-type:before{border-top-left-radius:0}:host([dir=ltr]) .track:first-of-type:before{border-bottom-right-radius:0}:host([dir=rtl]) .track:first-of-type:before{border-bottom-left-radius:0}:host([dir=ltr]) .track:last-of-type:before{border-top-left-radius:0}:host([dir=rtl]) .track:last-of-type:before{border-top-right-radius:0}:host([dir=ltr]) .track:last-of-type:before{border-bottom-left-radius:0}:host([dir=rtl]) .track:last-of-type:before{border-bottom-right-radius:0}:host([dir=ltr]) .track:last-of-type:before{border-top-right-radius:var(
---spectrum-slider-track-border-radius
-)}:host([dir=rtl]) .track:last-of-type:before{border-top-left-radius:var(
---spectrum-slider-track-border-radius
-)}:host([dir=ltr]) .track:last-of-type:before{border-bottom-right-radius:var(
---spectrum-slider-track-border-radius
-)}:host([dir=rtl]) .track:last-of-type:before{border-bottom-left-radius:var(
---spectrum-slider-track-border-radius
-)}:host([dir=ltr]) .track~.track{left:auto}:host([dir=rtl]) .track~.track{right:auto}:host([dir=ltr]) .track~.track{right:var(
---spectrum-slider-range-track-reset
-)}:host([dir=rtl]) .track~.track{left:var(
---spectrum-slider-range-track-reset
-)}:host([dir=ltr]) .track~.track{padding-left:var(
---spectrum-slider-track-handleoffset
-);padding-right:0}:host([dir=rtl]) .track~.track{padding-left:0;padding-right:var(
---spectrum-slider-track-handleoffset
-)}:host([dir=ltr]) .track~.track{margin-left:var(
---spectrum-slider-range-track-reset
-)}:host([dir=rtl]) .track~.track{margin-right:var(
---spectrum-slider-range-track-reset
-)}:host([dir=ltr]) .track~.track{margin-right:var(
---spectrum-slider-track-margin-offset
-)}:host([dir=rtl]) .track~.track{margin-left:var(
---spectrum-slider-track-margin-offset
-)}.track~.track{padding-bottom:0;padding-top:0}:host([dir=ltr]) #fill{margin-left:0}:host([dir=rtl]) #fill{margin-right:0}:host([dir=ltr]) #fill{padding-left:calc(var(--spectrum-slider-controls-margin) + var(--spectrum-slider-track-handleoffset));padding-right:0}:host([dir=rtl]) #fill{padding-left:0;padding-right:calc(var(--spectrum-slider-controls-margin) + var(--spectrum-slider-track-handleoffset))}#fill{padding-bottom:0;padding-top:0}:host([dir=ltr]) .spectrum-Slider-fill--right{padding-left:0;padding-right:calc(var(--spectrum-slider-controls-margin) + var(--spectrum-slider-track-handleoffset))}:host([dir=rtl]) .spectrum-Slider-fill--right{padding-left:calc(var(--spectrum-slider-controls-margin) + var(--spectrum-slider-track-handleoffset));padding-right:0}.spectrum-Slider-fill--right{padding-bottom:0;padding-top:0}:host([variant=range]) #value{-webkit-user-select:text;user-select:text}:host([dir=ltr][variant=range]) .track:before{border-top-left-radius:0}:host([dir=rtl][variant=range]) .track:before{border-top-right-radius:0}:host([dir=ltr][variant=range]) .track:before{border-bottom-left-radius:0}:host([dir=rtl][variant=range]) .track:before{border-bottom-right-radius:0}:host([dir=ltr][variant=range]) .track:before{border-top-right-radius:0}:host([dir=rtl][variant=range]) .track:before{border-top-left-radius:0}:host([dir=ltr][variant=range]) .track:before{border-bottom-right-radius:0}:host([dir=rtl][variant=range]) .track:before{border-bottom-left-radius:0}:host([dir=ltr][variant=range]) .track:first-of-type{padding-left:0;padding-right:var(--spectrum-slider-track-handleoffset)}:host([dir=rtl][variant=range]) .track:first-of-type{padding-left:var(--spectrum-slider-track-handleoffset);padding-right:0}:host([dir=ltr][variant=range]) .track:first-of-type{left:var(
---spectrum-slider-range-track-reset
-)}:host([dir=rtl][variant=range]) .track:first-of-type{right:var(
---spectrum-slider-range-track-reset
-)}:host([dir=ltr][variant=range]) .track:first-of-type{right:auto}:host([dir=rtl][variant=range]) .track:first-of-type{left:auto}:host([dir=ltr][variant=range]) .track:first-of-type{margin-left:var(
---spectrum-slider-track-margin-offset
-)}:host([dir=rtl][variant=range]) .track:first-of-type{margin-right:var(
---spectrum-slider-track-margin-offset
-)}:host([dir=ltr][variant=range]) .track:first-of-type:before{border-top-left-radius:var(
+)}:host{display:block;min-height:var(--spectrum-slider-height);min-width:var(--spectrum-slider-min-width);position:relative;-webkit-user-select:none;user-select:none;z-index:1}:host([dir=ltr]) #controls{margin-left:var(--spectrum-slider-controls-margin)}:host([dir=rtl]) #controls{margin-right:var(--spectrum-slider-controls-margin)}#controls{box-sizing:border-box;display:inline-block;min-height:var(--spectrum-slider-height);position:relative;vertical-align:top;width:calc(100% - var(--spectrum-slider-controls-margin)*2);z-index:auto}:host([dir=ltr]) #fill,:host([dir=ltr]) .track{left:0}:host([dir=rtl]) #fill,:host([dir=rtl]) .track{right:0}:host([dir=ltr]) #fill,:host([dir=ltr]) .track{right:auto}:host([dir=rtl]) #fill,:host([dir=rtl]) .track{left:auto}#fill,.track{box-sizing:border-box;height:var(--spectrum-slider-track-height);margin-top:calc(var(--spectrum-slider-track-height)/-2);pointer-events:none;position:absolute;top:calc(var(--spectrum-slider-height)/2);z-index:1}:host([dir=ltr]) #fill,:host([dir=ltr]) .track{padding-left:0;padding-right:var(--spectrum-slider-track-handleoffset)}:host([dir=rtl]) #fill,:host([dir=rtl]) .track{padding-left:var(--spectrum-slider-track-handleoffset);padding-right:0}:host([dir=ltr]) #fill,:host([dir=ltr]) .track{margin-left:var(--spectrum-slider-track-margin-offset)}:host([dir=rtl]) #fill,:host([dir=rtl]) .track{margin-right:var(--spectrum-slider-track-margin-offset)}#fill,.track{padding-bottom:0;padding-top:0}:host([dir=ltr]) #fill:before,:host([dir=ltr]) .track:before{border-top-left-radius:0}:host([dir=rtl]) #fill:before,:host([dir=rtl]) .track:before{border-top-right-radius:0}:host([dir=ltr]) #fill:before,:host([dir=ltr]) .track:before{border-bottom-left-radius:0}:host([dir=rtl]) #fill:before,:host([dir=rtl]) .track:before{border-bottom-right-radius:0}:host([dir=ltr]) #fill:before,:host([dir=ltr]) .track:before{border-top-right-radius:0}:host([dir=rtl]) #fill:before,:host([dir=rtl]) .track:before{border-top-left-radius:0}:host([dir=ltr]) #fill:before,:host([dir=ltr]) .track:before{border-bottom-right-radius:0}:host([dir=rtl]) #fill:before,:host([dir=rtl]) .track:before{border-bottom-left-radius:0}#fill:before,.track:before{content:"";display:block;height:100%}:host([dir=ltr]) .track:first-of-type:before{border-top-left-radius:var(--spectrum-slider-track-border-radius)}:host([dir=rtl]) .track:first-of-type:before{border-top-right-radius:var(--spectrum-slider-track-border-radius)}:host([dir=ltr]) .track:first-of-type:before{border-bottom-left-radius:var(--spectrum-slider-track-border-radius)}:host([dir=rtl]) .track:first-of-type:before{border-bottom-right-radius:var(--spectrum-slider-track-border-radius)}:host([dir=ltr]) .track:first-of-type:before{border-top-right-radius:0}:host([dir=rtl]) .track:first-of-type:before{border-top-left-radius:0}:host([dir=ltr]) .track:first-of-type:before{border-bottom-right-radius:0}:host([dir=rtl]) .track:first-of-type:before{border-bottom-left-radius:0}:host([dir=ltr]) .track:last-of-type:before{border-top-left-radius:0}:host([dir=rtl]) .track:last-of-type:before{border-top-right-radius:0}:host([dir=ltr]) .track:last-of-type:before{border-bottom-left-radius:0}:host([dir=rtl]) .track:last-of-type:before{border-bottom-right-radius:0}:host([dir=ltr]) .track:last-of-type:before{border-top-right-radius:var(--spectrum-slider-track-border-radius)}:host([dir=rtl]) .track:last-of-type:before{border-top-left-radius:var(--spectrum-slider-track-border-radius)}:host([dir=ltr]) .track:last-of-type:before{border-bottom-right-radius:var(--spectrum-slider-track-border-radius)}:host([dir=rtl]) .track:last-of-type:before{border-bottom-left-radius:var(--spectrum-slider-track-border-radius)}:host([dir=ltr]) .track~.track{left:auto}:host([dir=rtl]) .track~.track{right:auto}:host([dir=ltr]) .track~.track{right:var(--spectrum-slider-range-track-reset)}:host([dir=rtl]) .track~.track{left:var(--spectrum-slider-range-track-reset)}:host([dir=ltr]) .track~.track{padding-left:var(--spectrum-slider-track-handleoffset);padding-right:0}:host([dir=rtl]) .track~.track{padding-left:0;padding-right:var(--spectrum-slider-track-handleoffset)}:host([dir=ltr]) .track~.track{margin-left:var(--spectrum-slider-range-track-reset)}:host([dir=rtl]) .track~.track{margin-right:var(--spectrum-slider-range-track-reset)}:host([dir=ltr]) .track~.track{margin-right:var(--spectrum-slider-track-margin-offset)}:host([dir=rtl]) .track~.track{margin-left:var(--spectrum-slider-track-margin-offset)}.track~.track{padding-bottom:0;padding-top:0}:host([dir=ltr]) #fill{margin-left:0}:host([dir=rtl]) #fill{margin-right:0}:host([dir=ltr]) #fill{padding-left:calc(var(--spectrum-slider-controls-margin) + var(--spectrum-slider-track-handleoffset));padding-right:0}:host([dir=rtl]) #fill{padding-left:0;padding-right:calc(var(--spectrum-slider-controls-margin) + var(--spectrum-slider-track-handleoffset))}#fill{padding-bottom:0;padding-top:0}:host([dir=ltr]) .spectrum-Slider-fill--right{padding-left:0;padding-right:calc(var(--spectrum-slider-controls-margin) + var(--spectrum-slider-track-handleoffset))}:host([dir=rtl]) .spectrum-Slider-fill--right{padding-left:calc(var(--spectrum-slider-controls-margin) + var(--spectrum-slider-track-handleoffset));padding-right:0}.spectrum-Slider-fill--right{padding-bottom:0;padding-top:0}:host([variant=range]) #value{-webkit-user-select:text;user-select:text}:host([dir=ltr][variant=range]) .track:before{border-top-left-radius:0}:host([dir=rtl][variant=range]) .track:before{border-top-right-radius:0}:host([dir=ltr][variant=range]) .track:before{border-bottom-left-radius:0}:host([dir=rtl][variant=range]) .track:before{border-bottom-right-radius:0}:host([dir=ltr][variant=range]) .track:before{border-top-right-radius:0}:host([dir=rtl][variant=range]) .track:before{border-top-left-radius:0}:host([dir=ltr][variant=range]) .track:before{border-bottom-right-radius:0}:host([dir=rtl][variant=range]) .track:before{border-bottom-left-radius:0}:host([dir=ltr][variant=range]) .track:first-of-type{padding-left:0;padding-right:var(--spectrum-slider-track-handleoffset)}:host([dir=rtl][variant=range]) .track:first-of-type{padding-left:var(--spectrum-slider-track-handleoffset);padding-right:0}:host([dir=ltr][variant=range]) .track:first-of-type{left:var(--spectrum-slider-range-track-reset)}:host([dir=rtl][variant=range]) .track:first-of-type{right:var(--spectrum-slider-range-track-reset)}:host([dir=ltr][variant=range]) .track:first-of-type{right:auto}:host([dir=rtl][variant=range]) .track:first-of-type{left:auto}:host([dir=ltr][variant=range]) .track:first-of-type{margin-left:var(--spectrum-slider-track-margin-offset)}:host([dir=rtl][variant=range]) .track:first-of-type{margin-right:var(--spectrum-slider-track-margin-offset)}:host([dir=ltr][variant=range]) .track:first-of-type:before{border-top-left-radius:var(
 --spectrum-slider-m-track-border-radius,var(--spectrum-global-dimension-static-size-10)
 )}:host([dir=rtl][variant=range]) .track:first-of-type:before{border-top-right-radius:var(
 --spectrum-slider-m-track-border-radius,var(--spectrum-global-dimension-static-size-10)
@@ -93,21 +43,7 @@ const styles = css`
 --spectrum-slider-m-track-border-radius,var(--spectrum-global-dimension-static-size-10)
 )}:host([dir=rtl][variant=range]) .track:first-of-type:before{border-bottom-right-radius:var(
 --spectrum-slider-m-track-border-radius,var(--spectrum-global-dimension-static-size-10)
-)}:host([dir=ltr][variant=range]) .track:first-of-type:before{border-top-right-radius:0}:host([dir=rtl][variant=range]) .track:first-of-type:before{border-top-left-radius:0}:host([dir=ltr][variant=range]) .track:first-of-type:before{border-bottom-right-radius:0}:host([dir=rtl][variant=range]) .track:first-of-type:before{border-bottom-left-radius:0}:host([dir=ltr][variant=range]) [dir=ltr] .track,:host([dir=ltr][variant=range]) [dir=rtl] .track{left:auto}:host([dir=ltr][variant=range]) [dir=rtl] .track,:host([dir=rtl][variant=range]) [dir=rtl] .track{right:auto}:host([dir=ltr][variant=range]) [dir=ltr] .track,:host([dir=ltr][variant=range]) [dir=rtl] .track{right:auto}:host([dir=ltr][variant=range]) [dir=rtl] .track,:host([dir=rtl][variant=range]) [dir=rtl] .track{left:auto}:host([dir=ltr][variant=range]) .track,:host([dir=rtl][variant=range]) .track{margin-left:var(--spectrum-slider-range-track-reset);margin-right:var(--spectrum-slider-range-track-reset);padding-left:var(
---spectrum-slider-track-middle-handleoffset
-);padding-right:var(--spectrum-slider-track-middle-handleoffset)}:host([dir=ltr][variant=range]) .track:last-of-type{padding-left:var(
---spectrum-slider-track-handleoffset
-);padding-right:0}:host([dir=rtl][variant=range]) .track:last-of-type{padding-left:0;padding-right:var(
---spectrum-slider-track-handleoffset
-)}:host([dir=ltr][variant=range]) .track:last-of-type{left:auto}:host([dir=rtl][variant=range]) .track:last-of-type{right:auto}:host([dir=ltr][variant=range]) .track:last-of-type{right:var(
---spectrum-slider-range-track-reset
-)}:host([dir=rtl][variant=range]) .track:last-of-type{left:var(
---spectrum-slider-range-track-reset
-)}:host([dir=ltr][variant=range]) .track:last-of-type{margin-right:var(
---spectrum-slider-track-margin-offset
-)}:host([dir=rtl][variant=range]) .track:last-of-type{margin-left:var(
---spectrum-slider-track-margin-offset
-)}:host([dir=ltr][variant=range]) .track:last-of-type:before{border-top-right-radius:var(
+)}:host([dir=ltr][variant=range]) .track:first-of-type:before{border-top-right-radius:0}:host([dir=rtl][variant=range]) .track:first-of-type:before{border-top-left-radius:0}:host([dir=ltr][variant=range]) .track:first-of-type:before{border-bottom-right-radius:0}:host([dir=rtl][variant=range]) .track:first-of-type:before{border-bottom-left-radius:0}:host([dir=ltr][variant=range]) .track,:host([dir=rtl][variant=range]) .track{margin-left:var(--spectrum-slider-range-track-reset);margin-right:var(--spectrum-slider-range-track-reset);padding-left:var(--spectrum-slider-track-middle-handleoffset);padding-right:var(--spectrum-slider-track-middle-handleoffset)}:host([dir=ltr][variant=range]) .track:last-of-type{padding-left:var(--spectrum-slider-track-handleoffset);padding-right:0}:host([dir=rtl][variant=range]) .track:last-of-type{padding-left:0;padding-right:var(--spectrum-slider-track-handleoffset)}:host([dir=ltr][variant=range]) .track:last-of-type{left:auto}:host([dir=rtl][variant=range]) .track:last-of-type{right:auto}:host([dir=ltr][variant=range]) .track:last-of-type{right:var(--spectrum-slider-range-track-reset)}:host([dir=rtl][variant=range]) .track:last-of-type{left:var(--spectrum-slider-range-track-reset)}:host([dir=ltr][variant=range]) .track:last-of-type{margin-right:var(--spectrum-slider-track-margin-offset)}:host([dir=rtl][variant=range]) .track:last-of-type{margin-left:var(--spectrum-slider-track-margin-offset)}:host([dir=ltr][variant=range]) .track:last-of-type:before{border-top-right-radius:var(
 --spectrum-slider-m-track-border-radius,var(--spectrum-global-dimension-static-size-10)
 )}:host([dir=rtl][variant=range]) .track:last-of-type:before{border-top-left-radius:var(
 --spectrum-slider-m-track-border-radius,var(--spectrum-global-dimension-static-size-10)
@@ -115,37 +51,17 @@ const styles = css`
 --spectrum-slider-m-track-border-radius,var(--spectrum-global-dimension-static-size-10)
 )}:host([dir=rtl][variant=range]) .track:last-of-type:before{border-bottom-left-radius:var(
 --spectrum-slider-m-track-border-radius,var(--spectrum-global-dimension-static-size-10)
-)}:host([dir=ltr][variant=range]) .track:last-of-type:before{border-top-left-radius:0}:host([dir=rtl][variant=range]) .track:last-of-type:before{border-top-right-radius:0}:host([dir=ltr][variant=range]) .track:last-of-type:before{border-bottom-left-radius:0}:host([dir=rtl][variant=range]) .track:last-of-type:before{border-bottom-right-radius:0}:host([dir=ltr]) #ramp{left:var(
---spectrum-slider-track-margin-offset
-)}:host([dir=rtl]) #ramp{right:var(
---spectrum-slider-track-margin-offset
-)}:host([dir=ltr]) #ramp{right:var(
---spectrum-slider-track-margin-offset
-)}:host([dir=rtl]) #ramp{left:var(
---spectrum-slider-track-margin-offset
-)}#ramp{height:var(--spectrum-slider-ramp-track-height);margin-top:var(
---spectrum-slider-ramp-margin-top
-);position:absolute;top:calc(var(--spectrum-slider-ramp-track-height)/2)}:host([dir=rtl]) #ramp svg{transform:matrix(-1,0,0,1,0,0)}#ramp svg{height:100%;width:100%}:host([dir=ltr]) .handle{left:0}:host([dir=rtl]) .handle{right:0}:host([dir=ltr]) .handle{margin-left:calc(var(--spectrum-slider-handle-width)/-2);margin-right:0}:host([dir=rtl]) .handle{margin-left:0;margin-right:calc(var(--spectrum-slider-handle-width)/-2)}.handle{border-radius:var(--spectrum-slider-handle-border-radius);border-style:solid;border-width:var(--spectrum-slider-handle-border-size);box-sizing:border-box;display:inline-block;height:var(--spectrum-slider-handle-height);margin-bottom:0;margin-top:var(--spectrum-slider-handle-margin-top);outline:none;position:absolute;top:calc(var(--spectrum-slider-height)/2);transition:border-width var(--spectrum-slider-animation-duration) ease-in-out;width:var(--spectrum-slider-handle-width);z-index:2}.handle.dragging,.handle.handle-highlight,.handle:active{border-width:var(
---spectrum-slider-handle-border-size
-)}.handle.dragging,.handle.handle-highlight,.handle.is-tophandle,.handle:active{z-index:3}.handle:before{border-radius:100%;content:" ";display:block;height:var(--spectrum-slider-handle-height);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out,width var(--spectrum-global-animation-duration-100,.13s) ease-out,height var(--spectrum-global-animation-duration-100,.13s) ease-out;width:var(--spectrum-slider-handle-width)}.handle.handle-highlight:before{height:calc(var(--spectrum-slider-handle-height) + var(
+)}:host([dir=ltr][variant=range]) .track:last-of-type:before{border-top-left-radius:0}:host([dir=rtl][variant=range]) .track:last-of-type:before{border-top-right-radius:0}:host([dir=ltr][variant=range]) .track:last-of-type:before{border-bottom-left-radius:0}:host([dir=rtl][variant=range]) .track:last-of-type:before{border-bottom-right-radius:0}:host([dir=ltr]) #ramp{left:var(--spectrum-slider-track-margin-offset)}:host([dir=ltr]) #ramp,:host([dir=rtl]) #ramp{right:var(--spectrum-slider-track-margin-offset)}:host([dir=rtl]) #ramp{left:var(--spectrum-slider-track-margin-offset)}#ramp{height:var(--spectrum-slider-ramp-track-height);margin-top:var(--spectrum-slider-ramp-margin-top);position:absolute;top:calc(var(--spectrum-slider-ramp-track-height)/2)}:host([dir=rtl]) #ramp svg{transform:matrix(-1,0,0,1,0,0)}#ramp svg{height:100%;width:100%}:host([dir=ltr]) .handle{left:0}:host([dir=rtl]) .handle{right:0}:host([dir=ltr]) .handle{margin-left:calc(var(--spectrum-slider-handle-width)/-2);margin-right:0}:host([dir=rtl]) .handle{margin-left:0;margin-right:calc(var(--spectrum-slider-handle-width)/-2)}.handle{border-radius:var(--spectrum-slider-handle-border-radius);border-style:solid;border-width:var(--spectrum-slider-handle-border-size);box-sizing:border-box;display:inline-block;height:var(--spectrum-slider-handle-height);margin-bottom:0;margin-top:var(--spectrum-slider-handle-margin-top);outline:none;position:absolute;top:calc(var(--spectrum-slider-height)/2);transition:border-width var(--spectrum-slider-animation-duration) ease-in-out;width:var(--spectrum-slider-handle-width);z-index:2}.handle.dragging,.handle.handle-highlight,.handle:active{border-width:var(--spectrum-slider-handle-border-size)}.handle.dragging,.handle.handle-highlight,.handle.is-tophandle,.handle:active{z-index:3}.handle:before{border-radius:100%;content:" ";display:block;height:var(--spectrum-slider-handle-height);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:box-shadow var(--spectrum-global-animation-duration-100,.13s) ease-out,width var(--spectrum-global-animation-duration-100,.13s) ease-out,height var(--spectrum-global-animation-duration-100,.13s) ease-out;width:var(--spectrum-slider-handle-width)}.handle.handle-highlight:before{height:calc(var(--spectrum-slider-handle-height) + var(
 --spectrum-alias-focus-ring-gap,
 var(--spectrum-global-dimension-static-size-25)
 )*2);width:calc(var(--spectrum-slider-handle-width) + var(
 --spectrum-alias-focus-ring-gap,
 var(--spectrum-global-dimension-static-size-25)
-)*2)}:host([dir=ltr]) .input{left:var(
---spectrum-slider-input-left
-)}:host([dir=rtl]) .input{right:var(
---spectrum-slider-input-left
-)}.input{-webkit-appearance:none;border:0;cursor:default;height:var(--spectrum-slider-handle-height);margin:0;opacity:.000001;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:var(--spectrum-slider-input-top);width:var(--spectrum-slider-handle-width)}.input:focus{outline:none}#label-container{display:flex;font-size:var(
+)*2)}:host([dir=ltr]) .input{left:var(--spectrum-slider-input-left)}:host([dir=rtl]) .input{right:var(--spectrum-slider-input-left)}.input{-webkit-appearance:none;border:0;cursor:default;height:var(--spectrum-slider-handle-height);margin:0;opacity:.000001;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:var(--spectrum-slider-input-top);width:var(--spectrum-slider-handle-width)}.input:focus{outline:none}#label-container{display:flex;font-size:var(
 --spectrum-slider-label-text-size,var(--spectrum-global-dimension-font-size-75)
 );line-height:var(--spectrum-slider-label-text-line-height);margin-bottom:var(--spectrum-slider-label-margin-bottom);padding-top:var(
 --spectrum-fieldlabel-m-padding-top,var(--spectrum-global-dimension-size-50)
-);position:relative;width:auto}:host([dir=ltr]) #label{padding-left:0}:host([dir=rtl]) #label{padding-right:0}#label{flex-grow:1}:host([dir=ltr]) #value{padding-right:0}:host([dir=rtl]) #value{padding-left:0}:host([dir=ltr]) #value{text-align:right}:host([dir=rtl]) #value{text-align:left}#value{font-feature-settings:"tnum";cursor:default;flex-grow:0}:host([dir=ltr]) #value{margin-left:var(
---spectrum-slider-label-gap-x
-)}:host([dir=rtl]) #value{margin-right:var(
---spectrum-slider-label-gap-x
-)}.ticks{display:flex;justify-content:space-between;margin:0 var(--spectrum-slider-track-margin-offset);margin-top:calc(var(--spectrum-slider-tick-mark-height) + 1px);z-index:0}.tick{position:relative;width:var(--spectrum-slider-tick-mark-width)}:host([dir=ltr]) .tick:after{left:calc(50% - var(--spectrum-slider-tick-mark-width)/2)}:host([dir=rtl]) .tick:after{right:calc(50% - var(--spectrum-slider-tick-mark-width)/2)}.tick:after{border-radius:var(--spectrum-slider-tick-mark-border-radius);content:"";display:block;height:var(--spectrum-slider-tick-mark-height);position:absolute;top:0;width:var(--spectrum-slider-tick-mark-width)}.tick .tickLabel{align-items:center;display:flex;font-size:var(
+);position:relative;width:auto}:host([dir=ltr]) #label{padding-left:0}:host([dir=rtl]) #label{padding-right:0}#label{flex-grow:1}:host([dir=ltr]) #value{padding-right:0}:host([dir=rtl]) #value{padding-left:0}:host([dir=ltr]) #value{text-align:right}:host([dir=rtl]) #value{text-align:left}#value{font-feature-settings:"tnum";cursor:default;flex-grow:0}:host([dir=ltr]) #value{margin-left:var(--spectrum-slider-label-gap-x)}:host([dir=rtl]) #value{margin-right:var(--spectrum-slider-label-gap-x)}.ticks{display:flex;justify-content:space-between;margin:0 var(--spectrum-slider-track-margin-offset);margin-top:calc(var(--spectrum-slider-tick-mark-height) + 1px);z-index:0}.tick{position:relative;width:var(--spectrum-slider-tick-mark-width)}:host([dir=ltr]) .tick:after{left:calc(50% - var(--spectrum-slider-tick-mark-width)/2)}:host([dir=rtl]) .tick:after{right:calc(50% - var(--spectrum-slider-tick-mark-width)/2)}.tick:after{border-radius:var(--spectrum-slider-tick-mark-border-radius);content:"";display:block;height:var(--spectrum-slider-tick-mark-height);position:absolute;top:0;width:var(--spectrum-slider-tick-mark-width)}.tick .tickLabel{align-items:center;display:flex;font-size:var(
 --spectrum-slider-label-text-size,var(--spectrum-global-dimension-font-size-75)
 );justify-content:center;line-height:var(--spectrum-slider-label-text-line-height);margin-bottom:0;margin-left:calc(var(--spectrum-slider-label-gap-x)*-1);margin-right:calc(var(--spectrum-slider-label-gap-x)*-1);margin-top:calc(var(--spectrum-slider-label-gap-y) + var(--spectrum-slider-tick-mark-height))}.tick:first-of-type .tickLabel,.tick:last-of-type .tickLabel{display:block;margin-left:0;margin-right:0;position:absolute}:host([dir=ltr]) .tick:first-of-type{left:calc(var(--spectrum-slider-tick-mark-width)/-2)}:host([dir=rtl]) .tick:first-of-type{right:calc(var(--spectrum-slider-tick-mark-width)/-2)}:host([dir=ltr]) .tick:first-of-type .tickLabel{left:0}:host([dir=rtl]) .tick:first-of-type .tickLabel{right:0}:host([dir=ltr]) .tick:last-of-type{right:calc(var(--spectrum-slider-tick-mark-width)/-2)}:host([dir=rtl]) .tick:last-of-type{left:calc(var(--spectrum-slider-tick-mark-width)/-2)}:host([dir=ltr]) .tick:last-of-type .tickLabel{right:0}:host([dir=rtl]) .tick:last-of-type .tickLabel{left:0}:host([disabled]){cursor:default}:host([disabled]) .handle{cursor:default;pointer-events:none}.spectrum-Slider-handleContainer,.spectrum-Slider-trackContainer{margin-left:calc(var(--spectrum-slider-handle-width)/2*-1);position:absolute;top:calc(var(--spectrum-slider-track-height)/2 - 1px);width:calc(100% + var(--spectrum-slider-handle-width))}.spectrum-Slider-trackContainer{height:var(--spectrum-slider-height);overflow:hidden}:host{--spectrum-slider-m-focus-ring-size:var(
 --spectrum-alias-focus-ring-size,var(--spectrum-global-dimension-static-size-25)
@@ -159,9 +75,7 @@ var(--spectrum-global-dimension-static-size-25)
 --spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500)
 )}.track:before{background:var(
 --spectrum-slider-m-track-color,var(--spectrum-global-color-gray-400)
-)}#label-container{color:var(
---spectrum-slider-m-label-text-color
-)}:host([variant=filled]) .track:first-child:before{background:var(
+)}#label-container{color:var(--spectrum-slider-m-label-text-color)}:host([variant=filled]) .track:first-child:before{background:var(
 --spectrum-slider-m-track-fill-color,var(--spectrum-global-color-gray-700)
 )}#fill:before{background:var(
 --spectrum-slider-m-track-fill-color,var(--spectrum-global-color-gray-700)
@@ -183,7 +97,7 @@ var(--spectrum-global-dimension-static-size-25)
 --spectrum-slider-m-handle-gap,var(--spectrum-alias-border-size-thicker)
 ) var(
 --spectrum-alias-background-color-default,var(--spectrum-global-color-gray-100)
-)}.input{background:transparent}.tick:after{background-color:var(
+)}.input{background:none}.tick:after{background-color:var(
 --spectrum-slider-m-tick-mark-color,var(--spectrum-global-color-gray-400)
 )}.handle.dragging{background:var(
 --spectrum-slider-m-handle-background-color,var(--spectrum-alias-background-color-transparent)
@@ -191,9 +105,7 @@ var(--spectrum-global-dimension-static-size-25)
 --spectrum-slider-m-handle-border-color-down,var(--spectrum-global-color-gray-800)
 )}:host([variant=range]) .track:not(:first-of-type):not(:last-of-type):before{background:var(
 --spectrum-slider-m-track-fill-color,var(--spectrum-global-color-gray-700)
-)}:host([disabled]) #label-container{color:var(
---spectrum-slider-m-label-text-color-disabled
-)}:host([disabled]) .handle{background:var(
+)}:host([disabled]) #label-container{color:var(--spectrum-slider-m-label-text-color-disabled)}:host([disabled]) .handle{background:var(
 --spectrum-alias-background-color-default,var(--spectrum-global-color-gray-100)
 );border-color:var(
 --spectrum-slider-m-handle-border-color-disabled,var(--spectrum-global-color-gray-400)
@@ -207,9 +119,7 @@ var(--spectrum-global-dimension-static-size-25)
 --spectrum-slider-m-track-fill-color-disabled,var(--spectrum-global-color-gray-300)
 )}:host([disabled]) #fill:before{background:var(
 --spectrum-slider-m-track-fill-color-disabled,var(--spectrum-global-color-gray-300)
-)}:host([disabled]) #ramp path{fill:var(
---spectrum-slider-ramp-track-color-disabled
-)}:host([disabled][variant=range]) .track:not(:first-of-type):not(:last-of-type):before{background:var(
+)}:host([disabled]) #ramp path{fill:var(--spectrum-slider-ramp-track-color-disabled)}:host([disabled][variant=range]) .track:not(:first-of-type):not(:last-of-type):before{background:var(
 --spectrum-slider-m-track-fill-color-disabled,var(--spectrum-global-color-gray-300)
 )}@media (forced-colors:active){:host{--spectrum-alias-background-color-default:ButtonFace;--spectrum-alias-focus-color:ButtonText;--spectrum-alias-label-text-color:CanvasText;--spectrum-alias-text-color-disabled:GrayText;--spectrum-slider-m-handle-background-color:ButtonFace;--spectrum-slider-m-handle-border-color:ButtonText;--spectrum-slider-m-handle-border-color-disabled:GrayText;--spectrum-slider-m-handle-border-color-down:Highlight;--spectrum-slider-m-handle-border-color-hover:Highlight;--spectrum-slider-m-handle-border-color-key-focus:Highlight;--spectrum-slider-m-handle-focus-ring-color-key-focus:ButtonText;--spectrum-slider-m-label-text-color:CanvasText;--spectrum-slider-m-label-text-color-disabled:GrayText;--spectrum-slider-m-tick-mark-color:ButtonText;--spectrum-slider-m-track-color:ButtonText;--spectrum-slider-m-track-color-disabled:GrayText;--spectrum-slider-m-track-fill-color:ButtonText;--spectrum-slider-m-track-fill-color-disabled:GrayText;--spectrum-slider-ramp-track-color-disabled:GrayText}.handle:before{forced-color-adjust:none}:host([variant=ramp]) .handle{forced-color-adjust:none}}:host{--spectrum-slider-handle-default-background-color:var(
 --spectrum-slider-m-handle-background-color,var(--spectrum-alias-background-color-transparent)