export default function stylesheet(props, themeData) {
  const { variant } = props;
  return {
    label: {
      fontSize:
        variant === "side"
          ? themeData["label.fontSize"]
          : themeData["label.top.fontSize"],
      fontFamily: themeData["label.fontFamily"],
      fontWeight: themeData["label.fontWeight"],
      lineHeight: themeData["label.lineHeight"],
      color: themeData["label.fontColor"],
      opacity: props.disabled ? themeData["component.disabled.opacity"] : "1.0"
    }
  };
}

@@ -448,16 +448,24 @@
 disabled
+%0A       
  ? theme
@@ -476,34 +476,44 @@
 %5B%22co
-mponent.disabled.opacity%22%5D
+lorScheme.opacity.disabled%22%5D%0A       
  : %22

stop using deprecated theme-data-roles