@hig/theme-data - npm Package Compare versions

Comparing version 2.8.1 to 2.9.0

build/esm/darkBlueHighDensityTheme.js

@@ -428,2 +428,10 @@ const themeData = {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(209, 222, 238, 0.2)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(34, 41, 51, 0.3)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(209, 222, 238, 0.1)",
+    "iconButton.static.on.backgroundColor": "rgba(56, 171, 223, 0.25)",
+    "iconButton.static.on.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "8px",

build/esm/darkBlueMediumDensityTheme.js

@@ -428,2 +428,10 @@ const themeData = {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(209, 222, 238, 0.2)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(34, 41, 51, 0.3)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(209, 222, 238, 0.1)",
+    "iconButton.static.on.backgroundColor": "rgba(56, 171, 223, 0.25)",
+    "iconButton.static.on.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "12px",

build/esm/darkGrayHighDensityTheme.js

@@ -428,2 +428,10 @@ const themeData = {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(217, 217, 217, 0.2)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(0, 0, 0, 0.2)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(217, 217, 217, 0.1)",
+    "iconButton.static.on.backgroundColor": "rgba(56, 171, 223, 0.25)",
+    "iconButton.static.on.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "8px",

build/esm/darkGrayMediumDensityTheme.js

@@ -428,2 +428,10 @@ const themeData = {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(217, 217, 217, 0.2)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(0, 0, 0, 0.2)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(217, 217, 217, 0.1)",
+    "iconButton.static.on.backgroundColor": "rgba(56, 171, 223, 0.25)",
+    "iconButton.static.on.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "12px",

build/esm/lightGrayHighDensityTheme.js

@@ -428,2 +428,10 @@ const themeData = {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(128, 128, 128, 0.1)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(255, 255, 255, 0.3)",
+    "iconButton.static.on.backgroundColor": "rgba(6, 150, 215, 0.15)",
+    "iconButton.static.on.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "8px",

build/esm/lightGrayMediumDensityTheme.js

@@ -428,2 +428,10 @@ const themeData = {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(128, 128, 128, 0.1)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(255, 255, 255, 0.3)",
+    "iconButton.static.on.backgroundColor": "rgba(6, 150, 215, 0.15)",
+    "iconButton.static.on.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "12px",

build/esm/webLightHighDensityTheme.js

@@ -428,2 +428,10 @@ const themeData = {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(128, 128, 128, 0.1)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(255, 255, 255, 0.3)",
+    "iconButton.static.on.backgroundColor": "rgba(6, 150, 215, 0.15)",
+    "iconButton.static.on.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "8px",

build/esm/webLightMediumDensityTheme.js

@@ -428,2 +428,10 @@ const themeData = {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(128, 128, 128, 0.1)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(255, 255, 255, 0.3)",
+    "iconButton.static.on.backgroundColor": "rgba(6, 150, 215, 0.15)",
+    "iconButton.static.on.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/darkBlueHighDensityTheme/resolvedRoles.json

@@ -406,2 +406,10 @@ {
   "iconButton.pressed.level300To350.backgroundColor": "rgba(209, 222, 238, 0.2)",
+  "iconButton.static.hover.level100To250.backgroundColor": "rgba(34, 41, 51, 0.3)",
+  "iconButton.static.hover.level300To350.backgroundColor": "rgba(209, 222, 238, 0.1)",
+  "iconButton.static.on.backgroundColor": "rgba(56, 171, 223, 0.25)",
+  "iconButton.static.on.borderColor": "rgba(56, 171, 223, 0.6)",
+  "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(56, 171, 223, 0.45)",
+  "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(56, 171, 223, 0.45)",
+  "iconButton.static.on.hover.borderColor": "rgba(56, 171, 223, 0.6)",
+  "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
   "input.horizontalPadding": "0",
@@ -408,0 +416,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/darkBlueHighDensityTheme/theme.json

@@ -428,2 +428,10 @@ {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(209, 222, 238, 0.2)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(34, 41, 51, 0.3)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(209, 222, 238, 0.1)",
+    "iconButton.static.on.backgroundColor": "rgba(56, 171, 223, 0.25)",
+    "iconButton.static.on.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/darkBlueHighDensityTheme/unresolvedRoles.json

@@ -2082,2 +2082,68 @@ {
   },
+  "iconButton.static.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.3
+    }
+  },
+  "iconButton.static.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.level300To350.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.1
+    }
+  },
+  "iconButton.static.on.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.25
+    }
+  },
+  "iconButton.static.on.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.6
+    }
+  },
+  "iconButton.static.on.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.45
+    }
+  },
+  "iconButton.static.on.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.hover.level100To250.backgroundColor"
+    }
+  },
+  "iconButton.static.on.hover.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.borderColor"
+    }
+  },
+  "iconButton.static.on.focus.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.autodeskBlue500"
+    },
+    "transform": {
+      "alpha": 1
+    }
+  },
   "input.horizontalPadding": {
@@ -2084,0 +2150,0 @@ "type": "length",

build/json/darkBlueMediumDensityTheme/resolvedRoles.json

@@ -406,2 +406,10 @@ {
   "iconButton.pressed.level300To350.backgroundColor": "rgba(209, 222, 238, 0.2)",
+  "iconButton.static.hover.level100To250.backgroundColor": "rgba(34, 41, 51, 0.3)",
+  "iconButton.static.hover.level300To350.backgroundColor": "rgba(209, 222, 238, 0.1)",
+  "iconButton.static.on.backgroundColor": "rgba(56, 171, 223, 0.25)",
+  "iconButton.static.on.borderColor": "rgba(56, 171, 223, 0.6)",
+  "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(56, 171, 223, 0.45)",
+  "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(56, 171, 223, 0.45)",
+  "iconButton.static.on.hover.borderColor": "rgba(56, 171, 223, 0.6)",
+  "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
   "input.horizontalPadding": "0",
@@ -408,0 +416,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/darkBlueMediumDensityTheme/theme.json

@@ -428,2 +428,10 @@ {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(209, 222, 238, 0.2)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(34, 41, 51, 0.3)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(209, 222, 238, 0.1)",
+    "iconButton.static.on.backgroundColor": "rgba(56, 171, 223, 0.25)",
+    "iconButton.static.on.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/darkBlueMediumDensityTheme/unresolvedRoles.json

@@ -2082,2 +2082,68 @@ {
   },
+  "iconButton.static.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.3
+    }
+  },
+  "iconButton.static.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.level300To350.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.1
+    }
+  },
+  "iconButton.static.on.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.25
+    }
+  },
+  "iconButton.static.on.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.6
+    }
+  },
+  "iconButton.static.on.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.45
+    }
+  },
+  "iconButton.static.on.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.hover.level100To250.backgroundColor"
+    }
+  },
+  "iconButton.static.on.hover.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.borderColor"
+    }
+  },
+  "iconButton.static.on.focus.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.autodeskBlue500"
+    },
+    "transform": {
+      "alpha": 1
+    }
+  },
   "input.horizontalPadding": {
@@ -2084,0 +2150,0 @@ "type": "length",

build/json/darkGrayHighDensityTheme/resolvedRoles.json

@@ -406,2 +406,10 @@ {
   "iconButton.pressed.level300To350.backgroundColor": "rgba(217, 217, 217, 0.2)",
+  "iconButton.static.hover.level100To250.backgroundColor": "rgba(0, 0, 0, 0.2)",
+  "iconButton.static.hover.level300To350.backgroundColor": "rgba(217, 217, 217, 0.1)",
+  "iconButton.static.on.backgroundColor": "rgba(56, 171, 223, 0.25)",
+  "iconButton.static.on.borderColor": "rgba(56, 171, 223, 0.6)",
+  "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(56, 171, 223, 0.45)",
+  "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(56, 171, 223, 0.45)",
+  "iconButton.static.on.hover.borderColor": "rgba(56, 171, 223, 0.6)",
+  "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
   "input.horizontalPadding": "0",
@@ -408,0 +416,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/darkGrayHighDensityTheme/theme.json

@@ -428,2 +428,10 @@ {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(217, 217, 217, 0.2)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(0, 0, 0, 0.2)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(217, 217, 217, 0.1)",
+    "iconButton.static.on.backgroundColor": "rgba(56, 171, 223, 0.25)",
+    "iconButton.static.on.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/darkGrayHighDensityTheme/unresolvedRoles.json

@@ -2089,2 +2089,68 @@ {
   },
+  "iconButton.static.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.2
+    }
+  },
+  "iconButton.static.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.level300To350.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.1
+    }
+  },
+  "iconButton.static.on.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.25
+    }
+  },
+  "iconButton.static.on.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.6
+    }
+  },
+  "iconButton.static.on.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.45
+    }
+  },
+  "iconButton.static.on.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.hover.level100To250.backgroundColor"
+    }
+  },
+  "iconButton.static.on.hover.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.borderColor"
+    }
+  },
+  "iconButton.static.on.focus.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.autodeskBlue500"
+    },
+    "transform": {
+      "alpha": 1
+    }
+  },
   "input.horizontalPadding": {
@@ -2091,0 +2157,0 @@ "type": "length",

build/json/darkGrayMediumDensityTheme/resolvedRoles.json

@@ -406,2 +406,10 @@ {
   "iconButton.pressed.level300To350.backgroundColor": "rgba(217, 217, 217, 0.2)",
+  "iconButton.static.hover.level100To250.backgroundColor": "rgba(0, 0, 0, 0.2)",
+  "iconButton.static.hover.level300To350.backgroundColor": "rgba(217, 217, 217, 0.1)",
+  "iconButton.static.on.backgroundColor": "rgba(56, 171, 223, 0.25)",
+  "iconButton.static.on.borderColor": "rgba(56, 171, 223, 0.6)",
+  "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(56, 171, 223, 0.45)",
+  "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(56, 171, 223, 0.45)",
+  "iconButton.static.on.hover.borderColor": "rgba(56, 171, 223, 0.6)",
+  "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
   "input.horizontalPadding": "0",
@@ -408,0 +416,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/darkGrayMediumDensityTheme/theme.json

@@ -428,2 +428,10 @@ {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(217, 217, 217, 0.2)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(0, 0, 0, 0.2)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(217, 217, 217, 0.1)",
+    "iconButton.static.on.backgroundColor": "rgba(56, 171, 223, 0.25)",
+    "iconButton.static.on.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(56, 171, 223, 0.45)",
+    "iconButton.static.on.hover.borderColor": "rgba(56, 171, 223, 0.6)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/darkGrayMediumDensityTheme/unresolvedRoles.json

@@ -2089,2 +2089,68 @@ {
   },
+  "iconButton.static.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.2
+    }
+  },
+  "iconButton.static.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.level300To350.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.1
+    }
+  },
+  "iconButton.static.on.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.25
+    }
+  },
+  "iconButton.static.on.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.6
+    }
+  },
+  "iconButton.static.on.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.45
+    }
+  },
+  "iconButton.static.on.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.hover.level100To250.backgroundColor"
+    }
+  },
+  "iconButton.static.on.hover.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.borderColor"
+    }
+  },
+  "iconButton.static.on.focus.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.autodeskBlue500"
+    },
+    "transform": {
+      "alpha": 1
+    }
+  },
   "input.horizontalPadding": {
@@ -2091,0 +2157,0 @@ "type": "length",

build/json/lightGrayHighDensityTheme/resolvedRoles.json

@@ -406,2 +406,10 @@ {
   "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
+  "iconButton.static.hover.level100To250.backgroundColor": "rgba(128, 128, 128, 0.1)",
+  "iconButton.static.hover.level300To350.backgroundColor": "rgba(255, 255, 255, 0.3)",
+  "iconButton.static.on.backgroundColor": "rgba(6, 150, 215, 0.15)",
+  "iconButton.static.on.borderColor": "rgba(6, 150, 215, 0.5)",
+  "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(6, 150, 215, 0.35)",
+  "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(6, 150, 215, 0.35)",
+  "iconButton.static.on.hover.borderColor": "rgba(6, 150, 215, 0.5)",
+  "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
   "input.horizontalPadding": "0",
@@ -408,0 +416,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/lightGrayHighDensityTheme/theme.json

@@ -428,2 +428,10 @@ {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(128, 128, 128, 0.1)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(255, 255, 255, 0.3)",
+    "iconButton.static.on.backgroundColor": "rgba(6, 150, 215, 0.15)",
+    "iconButton.static.on.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/lightGrayHighDensityTheme/unresolvedRoles.json

@@ -2092,2 +2092,68 @@ {
   },
+  "iconButton.static.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.1
+    }
+  },
+  "iconButton.static.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.component.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.3
+    }
+  },
+  "iconButton.static.on.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.15
+    }
+  },
+  "iconButton.static.on.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.5
+    }
+  },
+  "iconButton.static.on.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.35
+    }
+  },
+  "iconButton.static.on.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.hover.level100To250.backgroundColor"
+    }
+  },
+  "iconButton.static.on.hover.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.borderColor"
+    }
+  },
+  "iconButton.static.on.focus.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.borderColor"
+    },
+    "transform": {
+      "alpha": 1
+    }
+  },
   "input.horizontalPadding": {
@@ -2094,0 +2160,0 @@ "type": "length",

build/json/lightGrayMediumDensityTheme/resolvedRoles.json

@@ -406,2 +406,10 @@ {
   "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
+  "iconButton.static.hover.level100To250.backgroundColor": "rgba(128, 128, 128, 0.1)",
+  "iconButton.static.hover.level300To350.backgroundColor": "rgba(255, 255, 255, 0.3)",
+  "iconButton.static.on.backgroundColor": "rgba(6, 150, 215, 0.15)",
+  "iconButton.static.on.borderColor": "rgba(6, 150, 215, 0.5)",
+  "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(6, 150, 215, 0.35)",
+  "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(6, 150, 215, 0.35)",
+  "iconButton.static.on.hover.borderColor": "rgba(6, 150, 215, 0.5)",
+  "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
   "input.horizontalPadding": "0",
@@ -408,0 +416,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/lightGrayMediumDensityTheme/theme.json

@@ -428,2 +428,10 @@ {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(128, 128, 128, 0.1)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(255, 255, 255, 0.3)",
+    "iconButton.static.on.backgroundColor": "rgba(6, 150, 215, 0.15)",
+    "iconButton.static.on.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/lightGrayMediumDensityTheme/unresolvedRoles.json

@@ -2092,2 +2092,68 @@ {
   },
+  "iconButton.static.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.1
+    }
+  },
+  "iconButton.static.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.component.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.3
+    }
+  },
+  "iconButton.static.on.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.15
+    }
+  },
+  "iconButton.static.on.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.5
+    }
+  },
+  "iconButton.static.on.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.35
+    }
+  },
+  "iconButton.static.on.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.hover.level100To250.backgroundColor"
+    }
+  },
+  "iconButton.static.on.hover.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.borderColor"
+    }
+  },
+  "iconButton.static.on.focus.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.borderColor"
+    },
+    "transform": {
+      "alpha": 1
+    }
+  },
   "input.horizontalPadding": {
@@ -2094,0 +2160,0 @@ "type": "length",

build/json/webLightHighDensityTheme/resolvedRoles.json

@@ -406,2 +406,10 @@ {
   "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
+  "iconButton.static.hover.level100To250.backgroundColor": "rgba(128, 128, 128, 0.1)",
+  "iconButton.static.hover.level300To350.backgroundColor": "rgba(255, 255, 255, 0.3)",
+  "iconButton.static.on.backgroundColor": "rgba(6, 150, 215, 0.15)",
+  "iconButton.static.on.borderColor": "rgba(6, 150, 215, 0.5)",
+  "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(6, 150, 215, 0.35)",
+  "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(6, 150, 215, 0.35)",
+  "iconButton.static.on.hover.borderColor": "rgba(6, 150, 215, 0.5)",
+  "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
   "input.horizontalPadding": "0",
@@ -408,0 +416,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/webLightHighDensityTheme/theme.json

@@ -428,2 +428,10 @@ {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(128, 128, 128, 0.1)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(255, 255, 255, 0.3)",
+    "iconButton.static.on.backgroundColor": "rgba(6, 150, 215, 0.15)",
+    "iconButton.static.on.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/webLightHighDensityTheme/unresolvedRoles.json

@@ -2069,2 +2069,68 @@ {
   },
+  "iconButton.static.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.1
+    }
+  },
+  "iconButton.static.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.component.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.3
+    }
+  },
+  "iconButton.static.on.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.15
+    }
+  },
+  "iconButton.static.on.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.5
+    }
+  },
+  "iconButton.static.on.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.35
+    }
+  },
+  "iconButton.static.on.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.hover.level100To250.backgroundColor"
+    }
+  },
+  "iconButton.static.on.hover.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.borderColor"
+    }
+  },
+  "iconButton.static.on.focus.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.borderColor"
+    },
+    "transform": {
+      "alpha": 1
+    }
+  },
   "input.horizontalPadding": {
@@ -2071,0 +2137,0 @@ "type": "length",

build/json/webLightMediumDensityTheme/resolvedRoles.json

@@ -406,2 +406,10 @@ {
   "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
+  "iconButton.static.hover.level100To250.backgroundColor": "rgba(128, 128, 128, 0.1)",
+  "iconButton.static.hover.level300To350.backgroundColor": "rgba(255, 255, 255, 0.3)",
+  "iconButton.static.on.backgroundColor": "rgba(6, 150, 215, 0.15)",
+  "iconButton.static.on.borderColor": "rgba(6, 150, 215, 0.5)",
+  "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(6, 150, 215, 0.35)",
+  "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(6, 150, 215, 0.35)",
+  "iconButton.static.on.hover.borderColor": "rgba(6, 150, 215, 0.5)",
+  "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
   "input.horizontalPadding": "0",
@@ -408,0 +416,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/webLightMediumDensityTheme/theme.json

@@ -428,2 +428,10 @@ {
     "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
+    "iconButton.static.hover.level100To250.backgroundColor": "rgba(128, 128, 128, 0.1)",
+    "iconButton.static.hover.level300To350.backgroundColor": "rgba(255, 255, 255, 0.3)",
+    "iconButton.static.on.backgroundColor": "rgba(6, 150, 215, 0.15)",
+    "iconButton.static.on.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.hover.level100To250.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.level300To350.backgroundColor": "rgba(6, 150, 215, 0.35)",
+    "iconButton.static.on.hover.borderColor": "rgba(6, 150, 215, 0.5)",
+    "iconButton.static.on.focus.borderColor": "rgb(6, 150, 215)",
     "input.horizontalPadding": "0",
@@ -430,0 +438,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/webLightMediumDensityTheme/unresolvedRoles.json

@@ -2069,2 +2069,68 @@ {
   },
+  "iconButton.static.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.1
+    }
+  },
+  "iconButton.static.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.component.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.3
+    }
+  },
+  "iconButton.static.on.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.15
+    }
+  },
+  "iconButton.static.on.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.5
+    }
+  },
+  "iconButton.static.on.hover.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.35
+    }
+  },
+  "iconButton.static.on.hover.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.hover.level100To250.backgroundColor"
+    }
+  },
+  "iconButton.static.on.hover.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.borderColor"
+    }
+  },
+  "iconButton.static.on.focus.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.static.on.borderColor"
+    },
+    "transform": {
+      "alpha": 1
+    }
+  },
   "input.horizontalPadding": {
@@ -2071,0 +2137,0 @@ "type": "length",

CHANGELOG.md

@@ -0,1 +1,8 @@
+# [@hig/theme-data-v2.9.0](https://github.com/Autodesk/hig/compare/@hig/theme-data@2.8.1...@hig/theme-data@2.9.0) (2019-08-01)
+
+
+### Features
+
+* add static icon-button theme-data ([df4e906](https://github.com/Autodesk/hig/commit/df4e906))
+
 # [@hig/theme-data-v2.8.1](https://github.com/Autodesk/hig/compare/@hig/theme-data@2.8.0...@hig/theme-data@2.8.1) (2019-07-26)
@@ -2,0 +9,0 @@

package.json

 {
   "name": "@hig/theme-data",
-  "version": "2.8.1",
+  "version": "2.9.0",
   "description": "HIG Theme Data",
@@ -5,0 +5,0 @@ "author": "Autodesk Inc.",

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

2261651

increased by2.45%

Lines of code

67060

increased by2%

No dependency changes