@hig/theme-data - npm Package Compare versions

Comparing version 2.4.0 to 2.5.0

build/esm/darkBlueHighDensityTheme.js

@@ -415,9 +415,15 @@ const themeData = {
     "iconButton.iconColor": "#a2a6b0",
+    "iconButton.on.iconColor": "#38abdf",
     "iconButton.borderRadius": "2px",
     "iconButton.hover.iconColor": "#d0d2d7",
+    "iconButton.hover.on.iconColor": "#6ac0e7",
     "iconButton.focus.iconColor": "#a2a6b0",
+    "iconButton.focus.on.iconColor": "#38abdf",
     "iconButton.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#d0d2d7",
+    "iconButton.pressed.on.iconColor": "#6ac0e7",
     "iconButton.pressed.backgroundColor": "rgba(34, 41, 51, 0.7)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(34, 41, 51, 0.7)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(209, 222, 238, 0.2)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "8px",

build/esm/darkBlueMediumDensityTheme.js

@@ -415,9 +415,15 @@ const themeData = {
     "iconButton.iconColor": "#a2a6b0",
+    "iconButton.on.iconColor": "#38abdf",
     "iconButton.borderRadius": "2px",
     "iconButton.hover.iconColor": "#d0d2d7",
+    "iconButton.hover.on.iconColor": "#6ac0e7",
     "iconButton.focus.iconColor": "#a2a6b0",
+    "iconButton.focus.on.iconColor": "#38abdf",
     "iconButton.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#d0d2d7",
+    "iconButton.pressed.on.iconColor": "#6ac0e7",
     "iconButton.pressed.backgroundColor": "rgba(34, 41, 51, 0.7)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(34, 41, 51, 0.7)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(209, 222, 238, 0.2)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "12px",

build/esm/darkGrayHighDensityTheme.js

@@ -415,9 +415,15 @@ const themeData = {
     "iconButton.iconColor": "#999999",
+    "iconButton.on.iconColor": "#38abdf",
     "iconButton.borderRadius": "2px",
     "iconButton.hover.iconColor": "#d9d9d9",
+    "iconButton.hover.on.iconColor": "#6ac0e7",
     "iconButton.focus.iconColor": "#999999",
+    "iconButton.focus.on.iconColor": "#38abdf",
     "iconButton.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#d9d9d9",
+    "iconButton.pressed.on.iconColor": "#6ac0e7",
     "iconButton.pressed.backgroundColor": "rgba(0, 0, 0, 0.4)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(0, 0, 0, 0.4)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(217, 217, 217, 0.2)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "8px",

build/esm/darkGrayMediumDensityTheme.js

@@ -415,9 +415,15 @@ const themeData = {
     "iconButton.iconColor": "#999999",
+    "iconButton.on.iconColor": "#38abdf",
     "iconButton.borderRadius": "2px",
     "iconButton.hover.iconColor": "#d9d9d9",
+    "iconButton.hover.on.iconColor": "#6ac0e7",
     "iconButton.focus.iconColor": "#999999",
+    "iconButton.focus.on.iconColor": "#38abdf",
     "iconButton.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#d9d9d9",
+    "iconButton.pressed.on.iconColor": "#6ac0e7",
     "iconButton.pressed.backgroundColor": "rgba(0, 0, 0, 0.4)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(0, 0, 0, 0.4)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(217, 217, 217, 0.2)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "12px",

build/esm/lightGrayHighDensityTheme.js

@@ -415,9 +415,15 @@ const themeData = {
     "iconButton.iconColor": "#808080",
+    "iconButton.on.iconColor": "#0696d7",
     "iconButton.borderRadius": "2px",
     "iconButton.hover.iconColor": "#3c3c3c",
+    "iconButton.hover.on.iconColor": "#0571a1",
     "iconButton.focus.iconColor": "#808080",
+    "iconButton.focus.on.iconColor": "#0696d7",
     "iconButton.focus.halo.color": "rgba(6, 150, 215, 0.25)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#3c3c3c",
+    "iconButton.pressed.on.iconColor": "#0571a1",
     "iconButton.pressed.backgroundColor": "rgba(128, 128, 128, 0.2)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(128, 128, 128, 0.2)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "8px",

build/esm/lightGrayMediumDensityTheme.js

@@ -415,9 +415,15 @@ const themeData = {
     "iconButton.iconColor": "#808080",
+    "iconButton.on.iconColor": "#0696d7",
     "iconButton.borderRadius": "2px",
     "iconButton.hover.iconColor": "#3c3c3c",
+    "iconButton.hover.on.iconColor": "#0571a1",
     "iconButton.focus.iconColor": "#808080",
+    "iconButton.focus.on.iconColor": "#0696d7",
     "iconButton.focus.halo.color": "rgba(6, 150, 215, 0.25)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#3c3c3c",
+    "iconButton.pressed.on.iconColor": "#0571a1",
     "iconButton.pressed.backgroundColor": "rgba(128, 128, 128, 0.2)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(128, 128, 128, 0.2)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "12px",

build/esm/webLightHighDensityTheme.js

@@ -415,9 +415,15 @@ const themeData = {
     "iconButton.iconColor": "#3B4454",
+    "iconButton.on.iconColor": "#0696d7",
     "iconButton.borderRadius": "4px",
     "iconButton.hover.iconColor": "#0ED3BE",
+    "iconButton.hover.on.iconColor": "#0571a1",
     "iconButton.focus.iconColor": "#7993B0",
+    "iconButton.focus.on.iconColor": "#0696d7",
     "iconButton.focus.halo.color": "rgba(6, 150, 215, 0)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#7993B0",
+    "iconButton.pressed.on.iconColor": "#0571a1",
     "iconButton.pressed.backgroundColor": "rgba(128, 128, 128, 0)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(128, 128, 128, 0)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "8px",

build/esm/webLightMediumDensityTheme.js

@@ -415,9 +415,15 @@ const themeData = {
     "iconButton.iconColor": "#3B4454",
+    "iconButton.on.iconColor": "#0696d7",
     "iconButton.borderRadius": "4px",
     "iconButton.hover.iconColor": "#0ED3BE",
+    "iconButton.hover.on.iconColor": "#0571a1",
     "iconButton.focus.iconColor": "#7993B0",
+    "iconButton.focus.on.iconColor": "#0696d7",
     "iconButton.focus.halo.color": "rgba(6, 150, 215, 0)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#7993B0",
+    "iconButton.pressed.on.iconColor": "#0571a1",
     "iconButton.pressed.backgroundColor": "rgba(128, 128, 128, 0)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(128, 128, 128, 0)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/darkBlueHighDensityTheme/resolvedRoles.json

@@ -393,9 +393,15 @@ {
   "iconButton.iconColor": "#a2a6b0",
+  "iconButton.on.iconColor": "#38abdf",
   "iconButton.borderRadius": "2px",
   "iconButton.hover.iconColor": "#d0d2d7",
+  "iconButton.hover.on.iconColor": "#6ac0e7",
   "iconButton.focus.iconColor": "#a2a6b0",
+  "iconButton.focus.on.iconColor": "#38abdf",
   "iconButton.focus.halo.color": "rgba(56, 171, 223, 0.35)",
   "iconButton.focus.halo.width": "2px",
   "iconButton.pressed.iconColor": "#d0d2d7",
+  "iconButton.pressed.on.iconColor": "#6ac0e7",
   "iconButton.pressed.backgroundColor": "rgba(34, 41, 51, 0.7)",
+  "iconButton.pressed.level100To250.backgroundColor": "rgba(34, 41, 51, 0.7)",
+  "iconButton.pressed.level300To350.backgroundColor": "rgba(209, 222, 238, 0.2)",
   "input.horizontalPadding": "0",
@@ -402,0 +408,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/darkBlueHighDensityTheme/theme.json

@@ -415,9 +415,15 @@ {
     "iconButton.iconColor": "#a2a6b0",
+    "iconButton.on.iconColor": "#38abdf",
     "iconButton.borderRadius": "2px",
     "iconButton.hover.iconColor": "#d0d2d7",
+    "iconButton.hover.on.iconColor": "#6ac0e7",
     "iconButton.focus.iconColor": "#a2a6b0",
+    "iconButton.focus.on.iconColor": "#38abdf",
     "iconButton.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#d0d2d7",
+    "iconButton.pressed.on.iconColor": "#6ac0e7",
     "iconButton.pressed.backgroundColor": "rgba(34, 41, 51, 0.7)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(34, 41, 51, 0.7)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(209, 222, 238, 0.2)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/darkBlueHighDensityTheme/unresolvedRoles.json

@@ -2015,2 +2015,8 @@ {
   },
+  "iconButton.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    }
+  },
   "iconButton.borderRadius": {
@@ -2026,2 +2032,8 @@ "type": "borderRadius",
   },
+  "iconButton.hover.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.autodeskBlue300"
+    }
+  },
   "iconButton.focus.iconColor": {
@@ -2033,2 +2045,8 @@ "type": "color",
   },
+  "iconButton.focus.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.on.iconColor"
+    }
+  },
   "iconButton.focus.halo.color": {
@@ -2055,2 +2073,8 @@ "type": "color",
   },
+  "iconButton.pressed.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.hover.on.iconColor"
+    }
+  },
   "iconButton.pressed.backgroundColor": {
@@ -2065,2 +2089,17 @@ "type": "color",
   },
+  "iconButton.pressed.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.backgroundColor"
+    }
+  },
+  "iconButton.pressed.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.darkBlue200"
+    },
+    "transform": {
+      "alpha": 0.2
+    }
+  },
   "input.horizontalPadding": {
@@ -2067,0 +2106,0 @@ "type": "length",

build/json/darkBlueMediumDensityTheme/resolvedRoles.json

@@ -393,9 +393,15 @@ {
   "iconButton.iconColor": "#a2a6b0",
+  "iconButton.on.iconColor": "#38abdf",
   "iconButton.borderRadius": "2px",
   "iconButton.hover.iconColor": "#d0d2d7",
+  "iconButton.hover.on.iconColor": "#6ac0e7",
   "iconButton.focus.iconColor": "#a2a6b0",
+  "iconButton.focus.on.iconColor": "#38abdf",
   "iconButton.focus.halo.color": "rgba(56, 171, 223, 0.35)",
   "iconButton.focus.halo.width": "2px",
   "iconButton.pressed.iconColor": "#d0d2d7",
+  "iconButton.pressed.on.iconColor": "#6ac0e7",
   "iconButton.pressed.backgroundColor": "rgba(34, 41, 51, 0.7)",
+  "iconButton.pressed.level100To250.backgroundColor": "rgba(34, 41, 51, 0.7)",
+  "iconButton.pressed.level300To350.backgroundColor": "rgba(209, 222, 238, 0.2)",
   "input.horizontalPadding": "0",
@@ -402,0 +408,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/darkBlueMediumDensityTheme/theme.json

@@ -415,9 +415,15 @@ {
     "iconButton.iconColor": "#a2a6b0",
+    "iconButton.on.iconColor": "#38abdf",
     "iconButton.borderRadius": "2px",
     "iconButton.hover.iconColor": "#d0d2d7",
+    "iconButton.hover.on.iconColor": "#6ac0e7",
     "iconButton.focus.iconColor": "#a2a6b0",
+    "iconButton.focus.on.iconColor": "#38abdf",
     "iconButton.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#d0d2d7",
+    "iconButton.pressed.on.iconColor": "#6ac0e7",
     "iconButton.pressed.backgroundColor": "rgba(34, 41, 51, 0.7)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(34, 41, 51, 0.7)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(209, 222, 238, 0.2)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/darkBlueMediumDensityTheme/unresolvedRoles.json

@@ -2015,2 +2015,8 @@ {
   },
+  "iconButton.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    }
+  },
   "iconButton.borderRadius": {
@@ -2026,2 +2032,8 @@ "type": "borderRadius",
   },
+  "iconButton.hover.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.autodeskBlue300"
+    }
+  },
   "iconButton.focus.iconColor": {
@@ -2033,2 +2045,8 @@ "type": "color",
   },
+  "iconButton.focus.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.on.iconColor"
+    }
+  },
   "iconButton.focus.halo.color": {
@@ -2055,2 +2073,8 @@ "type": "color",
   },
+  "iconButton.pressed.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.hover.on.iconColor"
+    }
+  },
   "iconButton.pressed.backgroundColor": {
@@ -2065,2 +2089,17 @@ "type": "color",
   },
+  "iconButton.pressed.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.backgroundColor"
+    }
+  },
+  "iconButton.pressed.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.darkBlue200"
+    },
+    "transform": {
+      "alpha": 0.2
+    }
+  },
   "input.horizontalPadding": {
@@ -2067,0 +2106,0 @@ "type": "length",

build/json/darkGrayHighDensityTheme/resolvedRoles.json

@@ -393,9 +393,15 @@ {
   "iconButton.iconColor": "#999999",
+  "iconButton.on.iconColor": "#38abdf",
   "iconButton.borderRadius": "2px",
   "iconButton.hover.iconColor": "#d9d9d9",
+  "iconButton.hover.on.iconColor": "#6ac0e7",
   "iconButton.focus.iconColor": "#999999",
+  "iconButton.focus.on.iconColor": "#38abdf",
   "iconButton.focus.halo.color": "rgba(56, 171, 223, 0.35)",
   "iconButton.focus.halo.width": "2px",
   "iconButton.pressed.iconColor": "#d9d9d9",
+  "iconButton.pressed.on.iconColor": "#6ac0e7",
   "iconButton.pressed.backgroundColor": "rgba(0, 0, 0, 0.4)",
+  "iconButton.pressed.level100To250.backgroundColor": "rgba(0, 0, 0, 0.4)",
+  "iconButton.pressed.level300To350.backgroundColor": "rgba(217, 217, 217, 0.2)",
   "input.horizontalPadding": "0",
@@ -402,0 +408,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/darkGrayHighDensityTheme/theme.json

@@ -415,9 +415,15 @@ {
     "iconButton.iconColor": "#999999",
+    "iconButton.on.iconColor": "#38abdf",
     "iconButton.borderRadius": "2px",
     "iconButton.hover.iconColor": "#d9d9d9",
+    "iconButton.hover.on.iconColor": "#6ac0e7",
     "iconButton.focus.iconColor": "#999999",
+    "iconButton.focus.on.iconColor": "#38abdf",
     "iconButton.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#d9d9d9",
+    "iconButton.pressed.on.iconColor": "#6ac0e7",
     "iconButton.pressed.backgroundColor": "rgba(0, 0, 0, 0.4)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(0, 0, 0, 0.4)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(217, 217, 217, 0.2)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/darkGrayHighDensityTheme/unresolvedRoles.json

@@ -2020,2 +2020,8 @@ {
   },
+  "iconButton.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    }
+  },
   "iconButton.borderRadius": {
@@ -2033,2 +2039,8 @@ "type": "borderRadius",
   },
+  "iconButton.hover.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.autodeskBlue300"
+    }
+  },
   "iconButton.focus.iconColor": {
@@ -2040,2 +2052,8 @@ "type": "color",
   },
+  "iconButton.focus.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.on.iconColor"
+    }
+  },
   "iconButton.focus.halo.color": {
@@ -2062,2 +2080,8 @@ "type": "color",
   },
+  "iconButton.pressed.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.hover.on.iconColor"
+    }
+  },
   "iconButton.pressed.backgroundColor": {
@@ -2072,2 +2096,17 @@ "type": "color",
   },
+  "iconButton.pressed.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.backgroundColor"
+    }
+  },
+  "iconButton.pressed.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.surfaceLightGrayLevel300"
+    },
+    "transform": {
+      "alpha": 0.2
+    }
+  },
   "input.horizontalPadding": {
@@ -2074,0 +2113,0 @@ "type": "length",

build/json/darkGrayMediumDensityTheme/resolvedRoles.json

@@ -393,9 +393,15 @@ {
   "iconButton.iconColor": "#999999",
+  "iconButton.on.iconColor": "#38abdf",
   "iconButton.borderRadius": "2px",
   "iconButton.hover.iconColor": "#d9d9d9",
+  "iconButton.hover.on.iconColor": "#6ac0e7",
   "iconButton.focus.iconColor": "#999999",
+  "iconButton.focus.on.iconColor": "#38abdf",
   "iconButton.focus.halo.color": "rgba(56, 171, 223, 0.35)",
   "iconButton.focus.halo.width": "2px",
   "iconButton.pressed.iconColor": "#d9d9d9",
+  "iconButton.pressed.on.iconColor": "#6ac0e7",
   "iconButton.pressed.backgroundColor": "rgba(0, 0, 0, 0.4)",
+  "iconButton.pressed.level100To250.backgroundColor": "rgba(0, 0, 0, 0.4)",
+  "iconButton.pressed.level300To350.backgroundColor": "rgba(217, 217, 217, 0.2)",
   "input.horizontalPadding": "0",
@@ -402,0 +408,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/darkGrayMediumDensityTheme/theme.json

@@ -415,9 +415,15 @@ {
     "iconButton.iconColor": "#999999",
+    "iconButton.on.iconColor": "#38abdf",
     "iconButton.borderRadius": "2px",
     "iconButton.hover.iconColor": "#d9d9d9",
+    "iconButton.hover.on.iconColor": "#6ac0e7",
     "iconButton.focus.iconColor": "#999999",
+    "iconButton.focus.on.iconColor": "#38abdf",
     "iconButton.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#d9d9d9",
+    "iconButton.pressed.on.iconColor": "#6ac0e7",
     "iconButton.pressed.backgroundColor": "rgba(0, 0, 0, 0.4)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(0, 0, 0, 0.4)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(217, 217, 217, 0.2)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/darkGrayMediumDensityTheme/unresolvedRoles.json

@@ -2020,2 +2020,8 @@ {
   },
+  "iconButton.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    }
+  },
   "iconButton.borderRadius": {
@@ -2033,2 +2039,8 @@ "type": "borderRadius",
   },
+  "iconButton.hover.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.autodeskBlue300"
+    }
+  },
   "iconButton.focus.iconColor": {
@@ -2040,2 +2052,8 @@ "type": "color",
   },
+  "iconButton.focus.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.on.iconColor"
+    }
+  },
   "iconButton.focus.halo.color": {
@@ -2062,2 +2080,8 @@ "type": "color",
   },
+  "iconButton.pressed.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.hover.on.iconColor"
+    }
+  },
   "iconButton.pressed.backgroundColor": {
@@ -2072,2 +2096,17 @@ "type": "color",
   },
+  "iconButton.pressed.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.backgroundColor"
+    }
+  },
+  "iconButton.pressed.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.surfaceLightGrayLevel300"
+    },
+    "transform": {
+      "alpha": 0.2
+    }
+  },
   "input.horizontalPadding": {
@@ -2074,0 +2113,0 @@ "type": "length",

build/json/lightGrayHighDensityTheme/resolvedRoles.json

@@ -393,9 +393,15 @@ {
   "iconButton.iconColor": "#808080",
+  "iconButton.on.iconColor": "#0696d7",
   "iconButton.borderRadius": "2px",
   "iconButton.hover.iconColor": "#3c3c3c",
+  "iconButton.hover.on.iconColor": "#0571a1",
   "iconButton.focus.iconColor": "#808080",
+  "iconButton.focus.on.iconColor": "#0696d7",
   "iconButton.focus.halo.color": "rgba(6, 150, 215, 0.25)",
   "iconButton.focus.halo.width": "2px",
   "iconButton.pressed.iconColor": "#3c3c3c",
+  "iconButton.pressed.on.iconColor": "#0571a1",
   "iconButton.pressed.backgroundColor": "rgba(128, 128, 128, 0.2)",
+  "iconButton.pressed.level100To250.backgroundColor": "rgba(128, 128, 128, 0.2)",
+  "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
   "input.horizontalPadding": "0",
@@ -402,0 +408,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/lightGrayHighDensityTheme/theme.json

@@ -415,9 +415,15 @@ {
     "iconButton.iconColor": "#808080",
+    "iconButton.on.iconColor": "#0696d7",
     "iconButton.borderRadius": "2px",
     "iconButton.hover.iconColor": "#3c3c3c",
+    "iconButton.hover.on.iconColor": "#0571a1",
     "iconButton.focus.iconColor": "#808080",
+    "iconButton.focus.on.iconColor": "#0696d7",
     "iconButton.focus.halo.color": "rgba(6, 150, 215, 0.25)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#3c3c3c",
+    "iconButton.pressed.on.iconColor": "#0571a1",
     "iconButton.pressed.backgroundColor": "rgba(128, 128, 128, 0.2)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(128, 128, 128, 0.2)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/lightGrayHighDensityTheme/unresolvedRoles.json

@@ -2011,2 +2011,8 @@ {
   },
+  "iconButton.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    }
+  },
   "iconButton.borderRadius": {
@@ -2024,2 +2030,8 @@ "type": "borderRadius",
   },
+  "iconButton.hover.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.autodeskBlue700"
+    }
+  },
   "iconButton.focus.iconColor": {
@@ -2031,2 +2043,8 @@ "type": "color",
   },
+  "iconButton.focus.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.on.iconColor"
+    }
+  },
   "iconButton.focus.halo.color": {
@@ -2050,2 +2068,8 @@ "type": "color",
   },
+  "iconButton.pressed.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.hover.on.iconColor"
+    }
+  },
   "iconButton.pressed.backgroundColor": {
@@ -2060,2 +2084,17 @@ "type": "color",
   },
+  "iconButton.pressed.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.backgroundColor"
+    }
+  },
+  "iconButton.pressed.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.component.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.5
+    }
+  },
   "input.horizontalPadding": {
@@ -2062,0 +2101,0 @@ "type": "length",

build/json/lightGrayMediumDensityTheme/resolvedRoles.json

@@ -393,9 +393,15 @@ {
   "iconButton.iconColor": "#808080",
+  "iconButton.on.iconColor": "#0696d7",
   "iconButton.borderRadius": "2px",
   "iconButton.hover.iconColor": "#3c3c3c",
+  "iconButton.hover.on.iconColor": "#0571a1",
   "iconButton.focus.iconColor": "#808080",
+  "iconButton.focus.on.iconColor": "#0696d7",
   "iconButton.focus.halo.color": "rgba(6, 150, 215, 0.25)",
   "iconButton.focus.halo.width": "2px",
   "iconButton.pressed.iconColor": "#3c3c3c",
+  "iconButton.pressed.on.iconColor": "#0571a1",
   "iconButton.pressed.backgroundColor": "rgba(128, 128, 128, 0.2)",
+  "iconButton.pressed.level100To250.backgroundColor": "rgba(128, 128, 128, 0.2)",
+  "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
   "input.horizontalPadding": "0",
@@ -402,0 +408,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/lightGrayMediumDensityTheme/theme.json

@@ -415,9 +415,15 @@ {
     "iconButton.iconColor": "#808080",
+    "iconButton.on.iconColor": "#0696d7",
     "iconButton.borderRadius": "2px",
     "iconButton.hover.iconColor": "#3c3c3c",
+    "iconButton.hover.on.iconColor": "#0571a1",
     "iconButton.focus.iconColor": "#808080",
+    "iconButton.focus.on.iconColor": "#0696d7",
     "iconButton.focus.halo.color": "rgba(6, 150, 215, 0.25)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#3c3c3c",
+    "iconButton.pressed.on.iconColor": "#0571a1",
     "iconButton.pressed.backgroundColor": "rgba(128, 128, 128, 0.2)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(128, 128, 128, 0.2)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/lightGrayMediumDensityTheme/unresolvedRoles.json

@@ -2011,2 +2011,8 @@ {
   },
+  "iconButton.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    }
+  },
   "iconButton.borderRadius": {
@@ -2024,2 +2030,8 @@ "type": "borderRadius",
   },
+  "iconButton.hover.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.autodeskBlue700"
+    }
+  },
   "iconButton.focus.iconColor": {
@@ -2031,2 +2043,8 @@ "type": "color",
   },
+  "iconButton.focus.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.on.iconColor"
+    }
+  },
   "iconButton.focus.halo.color": {
@@ -2050,2 +2068,8 @@ "type": "color",
   },
+  "iconButton.pressed.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.hover.on.iconColor"
+    }
+  },
   "iconButton.pressed.backgroundColor": {
@@ -2060,2 +2084,17 @@ "type": "color",
   },
+  "iconButton.pressed.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.backgroundColor"
+    }
+  },
+  "iconButton.pressed.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.component.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.5
+    }
+  },
   "input.horizontalPadding": {
@@ -2062,0 +2101,0 @@ "type": "length",

build/json/webLightHighDensityTheme/resolvedRoles.json

@@ -393,9 +393,15 @@ {
   "iconButton.iconColor": "#3B4454",
+  "iconButton.on.iconColor": "#0696d7",
   "iconButton.borderRadius": "4px",
   "iconButton.hover.iconColor": "#0ED3BE",
+  "iconButton.hover.on.iconColor": "#0571a1",
   "iconButton.focus.iconColor": "#7993B0",
+  "iconButton.focus.on.iconColor": "#0696d7",
   "iconButton.focus.halo.color": "rgba(6, 150, 215, 0)",
   "iconButton.focus.halo.width": "2px",
   "iconButton.pressed.iconColor": "#7993B0",
+  "iconButton.pressed.on.iconColor": "#0571a1",
   "iconButton.pressed.backgroundColor": "rgba(128, 128, 128, 0)",
+  "iconButton.pressed.level100To250.backgroundColor": "rgba(128, 128, 128, 0)",
+  "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
   "input.horizontalPadding": "0",
@@ -402,0 +408,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/webLightHighDensityTheme/theme.json

@@ -415,9 +415,15 @@ {
     "iconButton.iconColor": "#3B4454",
+    "iconButton.on.iconColor": "#0696d7",
     "iconButton.borderRadius": "4px",
     "iconButton.hover.iconColor": "#0ED3BE",
+    "iconButton.hover.on.iconColor": "#0571a1",
     "iconButton.focus.iconColor": "#7993B0",
+    "iconButton.focus.on.iconColor": "#0696d7",
     "iconButton.focus.halo.color": "rgba(6, 150, 215, 0)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#7993B0",
+    "iconButton.pressed.on.iconColor": "#0571a1",
     "iconButton.pressed.backgroundColor": "rgba(128, 128, 128, 0)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(128, 128, 128, 0)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "8px",

build/json/webLightHighDensityTheme/unresolvedRoles.json

@@ -1986,2 +1986,8 @@ {
   },
+  "iconButton.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    }
+  },
   "iconButton.borderRadius": {
@@ -1997,2 +2003,8 @@ "type": "borderRadius",
   },
+  "iconButton.hover.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.autodeskBlue700"
+    }
+  },
   "iconButton.focus.iconColor": {
@@ -2002,2 +2014,8 @@ "type": "color",
   },
+  "iconButton.focus.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.on.iconColor"
+    }
+  },
   "iconButton.focus.halo.color": {
@@ -2024,2 +2042,8 @@ "type": "color",
   },
+  "iconButton.pressed.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.hover.on.iconColor"
+    }
+  },
   "iconButton.pressed.backgroundColor": {
@@ -2034,2 +2058,17 @@ "type": "color",
   },
+  "iconButton.pressed.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.backgroundColor"
+    }
+  },
+  "iconButton.pressed.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.component.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.5
+    }
+  },
   "input.horizontalPadding": {
@@ -2036,0 +2075,0 @@ "type": "length",

build/json/webLightMediumDensityTheme/resolvedRoles.json

@@ -393,9 +393,15 @@ {
   "iconButton.iconColor": "#3B4454",
+  "iconButton.on.iconColor": "#0696d7",
   "iconButton.borderRadius": "4px",
   "iconButton.hover.iconColor": "#0ED3BE",
+  "iconButton.hover.on.iconColor": "#0571a1",
   "iconButton.focus.iconColor": "#7993B0",
+  "iconButton.focus.on.iconColor": "#0696d7",
   "iconButton.focus.halo.color": "rgba(6, 150, 215, 0)",
   "iconButton.focus.halo.width": "2px",
   "iconButton.pressed.iconColor": "#7993B0",
+  "iconButton.pressed.on.iconColor": "#0571a1",
   "iconButton.pressed.backgroundColor": "rgba(128, 128, 128, 0)",
+  "iconButton.pressed.level100To250.backgroundColor": "rgba(128, 128, 128, 0)",
+  "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
   "input.horizontalPadding": "0",
@@ -402,0 +408,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/webLightMediumDensityTheme/theme.json

@@ -415,9 +415,15 @@ {
     "iconButton.iconColor": "#3B4454",
+    "iconButton.on.iconColor": "#0696d7",
     "iconButton.borderRadius": "4px",
     "iconButton.hover.iconColor": "#0ED3BE",
+    "iconButton.hover.on.iconColor": "#0571a1",
     "iconButton.focus.iconColor": "#7993B0",
+    "iconButton.focus.on.iconColor": "#0696d7",
     "iconButton.focus.halo.color": "rgba(6, 150, 215, 0)",
     "iconButton.focus.halo.width": "2px",
     "iconButton.pressed.iconColor": "#7993B0",
+    "iconButton.pressed.on.iconColor": "#0571a1",
     "iconButton.pressed.backgroundColor": "rgba(128, 128, 128, 0)",
+    "iconButton.pressed.level100To250.backgroundColor": "rgba(128, 128, 128, 0)",
+    "iconButton.pressed.level300To350.backgroundColor": "rgba(255, 255, 255, 0.5)",
     "input.horizontalPadding": "0",
@@ -424,0 +430,0 @@ "input.boxType.horizontalPadding": "12px",

build/json/webLightMediumDensityTheme/unresolvedRoles.json

@@ -1986,2 +1986,8 @@ {
   },
+  "iconButton.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.accentColor"
+    }
+  },
   "iconButton.borderRadius": {
@@ -1997,2 +2003,8 @@ "type": "borderRadius",
   },
+  "iconButton.hover.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.autodeskBlue700"
+    }
+  },
   "iconButton.focus.iconColor": {
@@ -2002,2 +2014,8 @@ "type": "color",
   },
+  "iconButton.focus.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.on.iconColor"
+    }
+  },
   "iconButton.focus.halo.color": {
@@ -2024,2 +2042,8 @@ "type": "color",
   },
+  "iconButton.pressed.on.iconColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.hover.on.iconColor"
+    }
+  },
   "iconButton.pressed.backgroundColor": {
@@ -2034,2 +2058,17 @@ "type": "color",
   },
+  "iconButton.pressed.level100To250.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "iconButton.pressed.backgroundColor"
+    }
+  },
+  "iconButton.pressed.level300To350.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.component.backgroundColor"
+    },
+    "transform": {
+      "alpha": 0.5
+    }
+  },
   "input.horizontalPadding": {
@@ -2036,0 +2075,0 @@ "type": "length",

CHANGELOG.md

@@ -0,1 +1,9 @@
+# [@hig/theme-data-v2.5.0](https://github.com/Autodesk/hig/compare/@hig/theme-data@2.4.0...@hig/theme-data@2.5.0) (2019-05-03)
+
+
+### Features
+
+* add theme-data for icon-button on ([28e153a](https://github.com/Autodesk/hig/commit/28e153a))
+* add theme-data for icon-button surface ([1116cbc](https://github.com/Autodesk/hig/commit/1116cbc))
+
 # [@hig/theme-data-v2.4.0](https://github.com/Autodesk/hig/compare/@hig/theme-data@2.3.5...@hig/theme-data@2.4.0) (2019-04-19)
@@ -2,0 +10,0 @@

package.json

 {
   "name": "@hig/theme-data",
-  "version": "2.4.0",
+  "version": "2.5.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

2031837

increased by1.41%

Lines of code

65808

increased by1.26%

No dependency changes