@hig/slider - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

build/index.es.js

@@ -78,3 +78,3 @@ import React, { Component } from 'react';
   var thumbDisabledRules = disabled ? {
-    opacity: themeData["component.disabled.opacity"]
+    opacity: themeData["colorScheme.opacity.disabled"]
   } : {};
@@ -93,3 +93,3 @@
 
-    if (hasFocus) stateKey = "focused";
+    if (hasFocus) stateKey = "focus";
     if (hasHover) stateKey = "hover";
@@ -99,4 +99,4 @@ if (isPressed) stateKey = "pressed";
     return {
-      backgroundColor: themeData["slider." + stateKey + ".thumb.color"],
-      boxShadow: "0 0 0 " + themeData["slider." + stateKey + ".halo.width"] + " " + themeData["slider." + stateKey + ".halo.color"]
+      backgroundColor: themeData["slider.thumb.backgroundColor"],
+      boxShadow: "0 0 0 " + themeData["slider." + stateKey + ".haloWidth"] + " " + themeData["slider." + stateKey + ".haloColor"]
     };
@@ -112,3 +112,3 @@ };
     borderRadius: "1px",
-    boxShadow: "0 0 0 " + themeData["slider.halo.width"] + " " + themeData["slider.halo.color"],
+    boxShadow: "0 0 0 0 rgba(255, 255, 255, 0)",
     position: "relative",
@@ -128,12 +128,12 @@ top: "50%",
   var trackDisabledRules = disabled ? {
-    opacity: themeData["component.disabled.opacity"]
+    opacity: themeData["colorScheme.opacity.disabled"]
   } : {};
 
-  var trackValueWidth = "calc((0.5 * " + themeData["slider.thumb.width"] + ") \n  + (" + trackValueRatio + " * (100% - " + themeData["slider.thumb.width"] + ")))";
+  var trackValueWidth = "calc((0.5 * " + themeData["slider.thumb.minWidth"] + ") \n  + (" + trackValueRatio + " * (100% - " + themeData["slider.thumb.minWidth"] + ")))";
 
   var trackRules = browserSpecificPseudoElementRules(trackPseudoElements, _extends({
     width: "100%",
-    height: themeData["slider.track.width"],
+    height: themeData["slider.track.minHeight"],
     border: "none",
-    backgroundColor: themeData["slider.track.color"],
+    backgroundColor: themeData["slider.track.backgroundColor"],
     color: "transparent",
@@ -146,4 +146,4 @@ outline: "none"
     webkit: {
-      backgroundColor: themeData["slider.track.color"],
-      backgroundImage: "linear-gradient(" + themeData["slider.value.color"] + ", " + themeData["slider.value.color"] + ")",
+      backgroundColor: themeData["slider.track.backgroundColor"],
+      backgroundImage: "linear-gradient(" + themeData["slider.value.backgroundColor"] + ", " + themeData["slider.value.backgroundColor"] + ")",
       backgroundPosition: 0,
@@ -157,3 +157,3 @@ backgroundSize: trackValueWidth + " 100%",
     border: "none",
-    backgroundColor: themeData["slider.value.color"]
+    backgroundColor: themeData["slider.value.backgroundColor"]
   }, {
@@ -160,0 +160,0 @@ mozilla: _extends({}, trackDisabledRules)

build/index.js

@@ -85,3 +85,3 @@ 'use strict';
   var thumbDisabledRules = disabled ? {
-    opacity: themeData["component.disabled.opacity"]
+    opacity: themeData["colorScheme.opacity.disabled"]
   } : {};
@@ -100,3 +100,3 @@
 
-    if (hasFocus) stateKey = "focused";
+    if (hasFocus) stateKey = "focus";
     if (hasHover) stateKey = "hover";
@@ -106,4 +106,4 @@ if (isPressed) stateKey = "pressed";
     return {
-      backgroundColor: themeData["slider." + stateKey + ".thumb.color"],
-      boxShadow: "0 0 0 " + themeData["slider." + stateKey + ".halo.width"] + " " + themeData["slider." + stateKey + ".halo.color"]
+      backgroundColor: themeData["slider.thumb.backgroundColor"],
+      boxShadow: "0 0 0 " + themeData["slider." + stateKey + ".haloWidth"] + " " + themeData["slider." + stateKey + ".haloColor"]
     };
@@ -119,3 +119,3 @@ };
     borderRadius: "1px",
-    boxShadow: "0 0 0 " + themeData["slider.halo.width"] + " " + themeData["slider.halo.color"],
+    boxShadow: "0 0 0 0 rgba(255, 255, 255, 0)",
     position: "relative",
@@ -135,12 +135,12 @@ top: "50%",
   var trackDisabledRules = disabled ? {
-    opacity: themeData["component.disabled.opacity"]
+    opacity: themeData["colorScheme.opacity.disabled"]
   } : {};
 
-  var trackValueWidth = "calc((0.5 * " + themeData["slider.thumb.width"] + ") \n  + (" + trackValueRatio + " * (100% - " + themeData["slider.thumb.width"] + ")))";
+  var trackValueWidth = "calc((0.5 * " + themeData["slider.thumb.minWidth"] + ") \n  + (" + trackValueRatio + " * (100% - " + themeData["slider.thumb.minWidth"] + ")))";
 
   var trackRules = browserSpecificPseudoElementRules(trackPseudoElements, _extends({
     width: "100%",
-    height: themeData["slider.track.width"],
+    height: themeData["slider.track.minHeight"],
     border: "none",
-    backgroundColor: themeData["slider.track.color"],
+    backgroundColor: themeData["slider.track.backgroundColor"],
     color: "transparent",
@@ -153,4 +153,4 @@ outline: "none"
     webkit: {
-      backgroundColor: themeData["slider.track.color"],
-      backgroundImage: "linear-gradient(" + themeData["slider.value.color"] + ", " + themeData["slider.value.color"] + ")",
+      backgroundColor: themeData["slider.track.backgroundColor"],
+      backgroundImage: "linear-gradient(" + themeData["slider.value.backgroundColor"] + ", " + themeData["slider.value.backgroundColor"] + ")",
       backgroundPosition: 0,
@@ -164,3 +164,3 @@ backgroundSize: trackValueWidth + " 100%",
     border: "none",
-    backgroundColor: themeData["slider.value.color"]
+    backgroundColor: themeData["slider.value.backgroundColor"]
   }, {
@@ -167,0 +167,0 @@ mozilla: _extends({}, trackDisabledRules)

CHANGELOG.md

@@ -0,1 +1,8 @@
+# [@hig/slider-v1.1.2](https://github.com/Autodesk/hig/compare/@hig/slider@1.1.1...@hig/slider@1.1.2) (2020-05-12)
+
+
+### Bug Fixes
+
+* stop using deprecated theme-data roles ([4dfe027](https://github.com/Autodesk/hig/commit/4dfe027))
+
 # [@hig/slider-v1.1.1](https://github.com/Autodesk/hig/compare/@hig/slider@1.1.0...@hig/slider@1.1.1) (2020-02-13)
@@ -2,0 +9,0 @@

package.json

 {
   "name": "@hig/slider",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "HIG Slider",
@@ -27,3 +27,3 @@ "author": "Autodesk Inc.",
     "@hig/theme-context": "^3.0.0",
-    "@hig/theme-data": "^2.14.0",
+    "@hig/theme-data": "^2.16.0",
     "react": "^15.4.1 || ^16.3.2"
@@ -30,0 +30,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

50536

increased by0.49%

No dependency changes