@hig/theme-data - npm Package Compare versions

Comparing version 1.3.0 to 1.4.0

build/json/darkBlueHighDensityTheme/resolvedRoles.json

@@ -158,3 +158,3 @@ {
   "basics.fontWeights.medium": 600,
-  "basics.fontWeights.bold": 700,
+  "basics.fontWeights.bold": 800,
   "basics.lineHeights.small": "1.3",
@@ -187,3 +187,3 @@ "basics.lineHeights.medium": "1.4",
   "basics.spacings.lowExtraExtraLarge": "64px",
-  "colorScheme.accentColor": "#0696d7",
+  "colorScheme.accentColor": "#38abdf",
   "colorScheme.baseColor": "#808080",
@@ -213,6 +213,7 @@ "colorScheme.highShadowColor": "rgba(26, 31, 38, 0.5)",
   "density.fontSizes.extraExtraLarge": "24px",
+  "component.disabled.opacity": "0.5",
   "button.borderRadius": "2px",
   "button.borderWidth": "1px",
-  "button.fontWeight": 400,
-  "button.lineHeight": "1.4",
+  "button.fontWeight": 600,
+  "button.lineHeight": "14px",
   "button.fontFamily": "ArtifaktElement, sans-serif",
@@ -227,11 +228,10 @@ "button.fontSize": "12px",
   "button.hover.halo.width": "2px",
-  "button.hover.halo.color": "#808080",
+  "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
   "button.focus.halo.width": "2px",
-  "button.focus.halo.color": "#0696d7",
+  "button.focus.halo.color": "rgba(56, 171, 223, 0.15)",
   "button.pressed.halo.width": "4px",
-  "button.pressed.halo.color": "#0696d7",
-  "button.disabled.halo.width": "0",
-  "button.disabled.halo.color": "rgba(255, 255, 255, 0)",
+  "button.pressed.halo.color": "rgba(56, 171, 223, 0.15)",
+  "button.disabled.opacity": "0.5",
   "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.borderColor": "#ffffff",
+  "button.outline.borderColor": "rgba(255, 255, 255, 0.5)",
   "button.outline.halo.color": "#bbbbbb",
@@ -241,4 +241,4 @@ "button.outline.textColor": "#f5f5f5",
   "button.outline.hover.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.hover.borderColor": "#ffffff",
-  "button.outline.hover.halo.color": "rgba(255, 255, 255, 0.2)",
+  "button.outline.hover.borderColor": "rgba(255, 255, 255, 0.5)",
+  "button.outline.hover.halo.color": "rgba(255, 255, 255, 0.15)",
   "button.outline.hover.textColor": "#f5f5f5",
@@ -248,3 +248,3 @@ "button.outline.hover.icon.color": "#f5f5f5",
   "button.outline.focus.borderColor": "#38abdf",
-  "button.outline.focus.halo.color": "rgba(56, 171, 223, 0.2)",
+  "button.outline.focus.halo.color": "rgba(56, 171, 223, 0.5)",
   "button.outline.focus.textColor": "#f5f5f5",
@@ -255,23 +255,18 @@ "button.outline.focus.icon.color": "#f5f5f5",
   "button.outline.pressed.borderColor": "#38abdf",
-  "button.outline.pressed.halo.color": "rgba(56, 171, 223, 0.2)",
+  "button.outline.pressed.halo.color": "rgba(56, 171, 223, 0.5)",
   "button.outline.pressed.textColor": "#f5f5f5",
   "button.outline.pressed.icon.color": "#f5f5f5",
-  "button.outline.disabled.backgroundColor": "rgba(255, 255, 255, 0.2)",
-  "button.outline.disabled.borderColor": "rgba(255, 255, 255, 0.2)",
-  "button.outline.disabled.halo.color": "rgba(255, 255, 255, 0.2)",
-  "button.outline.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-  "button.outline.disabled.textColor": "rgba(245, 245, 245, 0.2)",
   "button.solid.backgroundColor": "#0696d7",
-  "button.solid.borderColor": "#0696d7",
+  "button.solid.borderColor": "#38abdf",
   "button.solid.halo.color": "#808080",
   "button.solid.textColor": "#f5f5f5",
   "button.solid.icon.color": "#f5f5f5",
-  "button.solid.hover.backgroundColor": "#0696d7",
-  "button.solid.hover.borderColor": "#0696d7",
-  "button.solid.hover.halo.color": "rgba(255, 255, 255, 0.2)",
+  "button.solid.hover.backgroundColor": "#38abdf",
+  "button.solid.hover.borderColor": "#38abdf",
+  "button.solid.hover.halo.color": "rgba(255, 255, 255, 0.15)",
   "button.solid.hover.textColor": "#f5f5f5",
   "button.solid.hover.icon.color": "#f5f5f5",
-  "button.solid.focus.backgroundColor": "#0696d7",
-  "button.solid.focus.borderColor": "#0696d7",
-  "button.solid.focus.halo.color": "rgba(56, 171, 223, 0.4)",
+  "button.solid.focus.backgroundColor": "#38abdf",
+  "button.solid.focus.borderColor": "#38abdf",
+  "button.solid.focus.halo.color": "#38abdf",
   "button.solid.focus.textColor": "#f5f5f5",
@@ -281,58 +276,81 @@ "button.solid.focus.icon.color": "#f5f5f5",
   "button.solid.pressed.backgroundColor": "#0696d7",
-  "button.solid.pressed.borderColor": "#0696d7",
-  "button.solid.pressed.halo.color": "rgba(56, 171, 223, 0.2)",
+  "button.solid.pressed.borderColor": "#38abdf",
+  "button.solid.pressed.halo.color": "rgba(56, 171, 223, 0.5)",
   "button.solid.pressed.textColor": "#f5f5f5",
   "button.solid.pressed.icon.color": "#f5f5f5",
-  "button.solid.disabled.backgroundColor": "rgba(6, 150, 215, 0.4)",
-  "button.solid.disabled.borderColor": "#0696d7",
-  "button.solid.disabled.halo.color": "rgba(255, 255, 255, 0)",
-  "button.solid.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-  "button.solid.disabled.textColor": "rgba(245, 245, 245, 0.2)",
   "button.flat.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.borderColor": "rgba(255, 255, 255, 0)",
   "button.flat.halo.color": "#808080",
-  "button.flat.textColor": "#9bd5ef",
-  "button.flat.icon.color": "#9bd5ef",
+  "button.flat.textColor": "#6DD2FF",
+  "button.flat.icon.color": "#6DD2FF",
   "button.flat.hover.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.hover.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.hover.halo.color": "rgba(255, 255, 255, 0.2)",
-  "button.flat.hover.textColor": "#9bd5ef",
-  "button.flat.hover.icon.color": "#9bd5ef",
+  "button.flat.hover.halo.color": "rgba(255, 255, 255, 0.15)",
+  "button.flat.hover.textColor": "#6DD2FF",
+  "button.flat.hover.icon.color": "#6DD2FF",
   "button.flat.focus.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.focus.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.focus.halo.color": "rgba(56, 171, 223, 0.2)",
-  "button.flat.focus.textColor": "#9bd5ef",
-  "button.flat.focus.icon.color": "#9bd5ef",
+  "button.flat.focus.halo.color": "rgba(56, 171, 223, 0.5)",
+  "button.flat.focus.textColor": "#6DD2FF",
+  "button.flat.focus.icon.color": "#6DD2FF",
   "button.flat.pressed.haloWidth": "4px",
   "button.flat.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.pressed.halo.color": "rgba(56, 171, 223, 0.2)",
-  "button.flat.pressed.textColor": "#9bd5ef",
-  "button.flat.pressed.icon.color": "#9bd5ef",
-  "button.flat.disabled.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.halo.color": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.textColor": "rgba(155, 213, 239, 0.4)",
-  "button.flat.disabled.icon.color": "rgba(5, 113, 161, 0.4)",
+  "button.flat.pressed.halo.color": "rgba(56, 171, 223, 0.5)",
+  "button.flat.pressed.textColor": "#6DD2FF",
+  "button.flat.pressed.icon.color": "#6DD2FF",
+  "avatar.fontWeight": 400,
+  "avatar.fontColorOnDark": "#ffffff",
+  "avatar.fontColorOnLight": "#3c3c3c",
+  "avatar.extraSmall.fontSize": "11px",
+  "avatar.extraSmall.diameter": "16px",
+  "avatar.small.fontSize": "12px",
+  "avatar.small.diameter": "24px",
+  "avatar.medium.fontSize": "14px",
+  "avatar.medium.diameter": "32px",
+  "avatar.large.fontSize": "24px",
+  "avatar.large.diameter": "48px",
+  "avatar.extraLarge.fontSize": "30px",
+  "avatar.extraLarge.diameter": "64px",
+  "avatar.color1.backgroundColor": "#6ac0e7",
+  "avatar.color1.fontColor": "#3c3c3c",
+  "avatar.color2.backgroundColor": "#1858a8",
+  "avatar.color2.fontColor": "#ffffff",
+  "avatar.color3.backgroundColor": "#5d822c",
+  "avatar.color3.fontColor": "#ffffff",
+  "avatar.color4.backgroundColor": "#ff9582",
+  "avatar.color4.fontColor": "#3c3c3c",
+  "avatar.color5.backgroundColor": "#7993b0",
+  "avatar.color5.fontColor": "#ffffff",
+  "avatar.color6.backgroundColor": "#5bc9bd",
+  "avatar.color6.fontColor": "#3c3c3c",
+  "avatar.color7.backgroundColor": "#faa21b",
+  "avatar.color7.fontColor": "#3c3c3c",
   "checkbox.backgroundColor": "#3b4453",
-  "checkbox.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.borderColor": "#ffffff",
   "checkbox.borderWidth": "1px",
-  "checkbox.borderRadius": "0",
-  "checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
-  "checkbox.halo.width": "0",
-  "checkbox.labelSpacing": "8px",
-  "checkbox.hover.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.hover.halo.width": "4px",
-  "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
-  "checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.25)",
-  "checkbox.focus.halo.width": "4px",
-  "checkbox.active.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
-  "checkbox.active.halo.width": "4px",
+  "checkbox.borderRadius": 0,
+  "checkbox.halo.color": "rgba(128, 128, 128, 0.4)",
+  "checkbox.halo.width": "2px",
+  "checkbox.height": "12px",
+  "checkbox.iconColor": "#3b4453",
+  "checkbox.width": "12px",
+  "checkbox.hover.borderColor": "rgb(255, 255, 255)",
+  "checkbox.hover.halo.width": "2px",
+  "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.4)",
+  "checkbox.focus.borderColor": "rgb(255, 255, 255)",
+  "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.4)",
+  "checkbox.focus.halo.width": "2px",
+  "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.pressed.halo.color": "rgba(56, 171, 223, 0.4)",
+  "checkbox.pressed.halo.width": "4px",
   "checkbox.checked.borderColor": "#808080",
   "checkbox.checked.iconColor": "#ffffff",
-  "checkbox.checked.backgroundColor": "#808080",
-  "checkbox.disabled.borderColor": "#808080",
-  "checkbox.disabled.checked.backgroundColor": "#808080",
+  "checkbox.checked.backgroundColor": "#ffffff",
+  "checkbox.indeterminate.borderColor": "#808080",
+  "checkbox.indeterminate.iconColor": "#ffffff",
+  "checkbox.indeterminate.backgroundColor": "#ffffff",
+  "checkbox.focus.checked.backgroundColor": "#3b4453",
+  "checkbox.focus.checked.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.focus.indeterminate.borderColor": "rgba(128, 128, 128, 0.5)",
   "formField.instructionalText.fontSize": "11px",
@@ -353,8 +371,8 @@ "formField.instructionalText.fontWeight": 400,
   "input.horizontalPadding": "0",
-  "input.boxType.horizontalPadding": "4px",
-  "input.verticalPadding": "2px",
+  "input.boxType.horizontalPadding": "8px",
+  "input.verticalPadding": "4px",
   "input.borderRadius": "0",
-  "input.borderColor": "#808080",
+  "input.borderColor": "rgb(34, 41, 51)",
   "input.borderWidth": "1px",
-  "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+  "input.borderBottomColor": "rgba(255, 255, 255, 0.35)",
   "input.borderBottomWidth": "1px",
@@ -365,2 +383,3 @@ "input.fontColor": "#f5f5f5",
   "input.fontSize": "12px",
+  "input.height": "24px",
   "input.lineHeight": "1.4",
@@ -371,11 +390,12 @@ "input.halo.color": "rgba(128, 128, 128, 0.15)",
   "input.placeholder.fontColor": "rgba(245, 245, 245, 0.6)",
-  "input.hover.borderBottomColor": "#808080",
+  "input.hover.borderBottomColor": "rgba(255, 255, 255, 0.75)",
   "input.hover.halo.width": "4px",
-  "input.focus.borderBottomColor": "#0696d7",
+  "input.focus.borderBottomColor": "#38abdf",
   "input.focus.halo.width": "4px",
-  "input.focus.halo.color": "rgba(6, 150, 215, 0.25)",
+  "input.focus.halo.color": "rgba(56, 171, 223, 0.35)",
   "input.active.halo.width": "4px",
-  "input.active.halo.color": "rgba(6, 150, 215, 0.25)",
-  "input.disabled.borderColor": "#808080",
-  "input.disabled.fontColor": "rgba(245, 245, 245, 0.2)",
+  "input.active.halo.color": "rgba(56, 171, 223, 0.35)",
+  "input.disabled.opacity": 0.5,
+  "input.box.borderBottomColor": "rgb(34, 41, 51)",
+  "input.box.backgroundColor": "#222933",
   "skeletonItem.borderRadius": "2px",
@@ -386,3 +406,28 @@ "skeletonItem.defaultHeight": "12px",
   "textArea.minHeight": "250px",
-  "textArea.borderColor": "#808080",
+  "textArea.borderColor": "rgb(34, 41, 51)",
+  "typography.body.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.body.fontWeight": 400,
+  "typography.body.fontSize": "12px",
+  "typography.body.lineHeight": "1.3",
+  "typography.body.color": "#f5f5f5",
+  "typography.caption.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.caption.fontWeight": 400,
+  "typography.caption.fontSize": "11px",
+  "typography.caption.lineHeight": "1.3",
+  "typography.caption.color": "#f5f5f5",
+  "typography.h1.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h1.fontWeight": 400,
+  "typography.h1.fontSize": "24px",
+  "typography.h1.lineHeight": "1.5",
+  "typography.h1.color": "#f5f5f5",
+  "typography.h2.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h2.fontWeight": 400,
+  "typography.h2.fontSize": "20px",
+  "typography.h2.lineHeight": "1.3",
+  "typography.h2.color": "#f5f5f5",
+  "typography.h3.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h3.fontWeight": 600,
+  "typography.h3.fontSize": "16px",
+  "typography.h3.lineHeight": "1.4",
+  "typography.h3.color": "#f5f5f5",
   "label.fontSize": "11px",
@@ -394,3 +439,2 @@ "label.fontWeight": 400,
   "label.hover.fontColor": "rgba(245, 245, 245, 0.6)",
-  "label.disabled.fontColor": "rgba(245, 245, 245, 0.2)",
   "menu.backgroundColor": "#3b4453",
@@ -402,3 +446,3 @@ "menu.borderRadius": "2px",
   "menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
-  "menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",
+  "menu.item.active.backgroundColor": "rgba(56, 171, 223, 0.1)",
   "menu.item.horizontalPadding": "4px",
@@ -405,0 +449,0 @@ "menu.item.verticalPadding": "12px",

build/json/darkBlueHighDensityTheme/theme.json

@@ -169,3 +169,3 @@ {
     "basics.fontWeights.medium": 600,
-    "basics.fontWeights.bold": 700,
+    "basics.fontWeights.bold": 800,
     "basics.lineHeights.small": "1.3",
@@ -198,3 +198,3 @@ "basics.lineHeights.medium": "1.4",
     "basics.spacings.lowExtraExtraLarge": "64px",
-    "colorScheme.accentColor": "#0696d7",
+    "colorScheme.accentColor": "#38abdf",
     "colorScheme.baseColor": "#808080",
@@ -224,6 +224,7 @@ "colorScheme.highShadowColor": "rgba(26, 31, 38, 0.5)",
     "density.fontSizes.extraExtraLarge": "24px",
+    "component.disabled.opacity": "0.5",
     "button.borderRadius": "2px",
     "button.borderWidth": "1px",
-    "button.fontWeight": 400,
-    "button.lineHeight": "1.4",
+    "button.fontWeight": 600,
+    "button.lineHeight": "14px",
     "button.fontFamily": "ArtifaktElement, sans-serif",
@@ -238,11 +239,10 @@ "button.fontSize": "12px",
     "button.hover.halo.width": "2px",
-    "button.hover.halo.color": "#808080",
+    "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
     "button.focus.halo.width": "2px",
-    "button.focus.halo.color": "#0696d7",
+    "button.focus.halo.color": "rgba(56, 171, 223, 0.15)",
     "button.pressed.halo.width": "4px",
-    "button.pressed.halo.color": "#0696d7",
-    "button.disabled.halo.width": "0",
-    "button.disabled.halo.color": "rgba(255, 255, 255, 0)",
+    "button.pressed.halo.color": "rgba(56, 171, 223, 0.15)",
+    "button.disabled.opacity": "0.5",
     "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.borderColor": "#ffffff",
+    "button.outline.borderColor": "rgba(255, 255, 255, 0.5)",
     "button.outline.halo.color": "#bbbbbb",
@@ -252,4 +252,4 @@ "button.outline.textColor": "#f5f5f5",
     "button.outline.hover.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.hover.borderColor": "#ffffff",
-    "button.outline.hover.halo.color": "rgba(255, 255, 255, 0.2)",
+    "button.outline.hover.borderColor": "rgba(255, 255, 255, 0.5)",
+    "button.outline.hover.halo.color": "rgba(255, 255, 255, 0.15)",
     "button.outline.hover.textColor": "#f5f5f5",
@@ -259,3 +259,3 @@ "button.outline.hover.icon.color": "#f5f5f5",
     "button.outline.focus.borderColor": "#38abdf",
-    "button.outline.focus.halo.color": "rgba(56, 171, 223, 0.2)",
+    "button.outline.focus.halo.color": "rgba(56, 171, 223, 0.5)",
     "button.outline.focus.textColor": "#f5f5f5",
@@ -266,23 +266,18 @@ "button.outline.focus.icon.color": "#f5f5f5",
     "button.outline.pressed.borderColor": "#38abdf",
-    "button.outline.pressed.halo.color": "rgba(56, 171, 223, 0.2)",
+    "button.outline.pressed.halo.color": "rgba(56, 171, 223, 0.5)",
     "button.outline.pressed.textColor": "#f5f5f5",
     "button.outline.pressed.icon.color": "#f5f5f5",
-    "button.outline.disabled.backgroundColor": "rgba(255, 255, 255, 0.2)",
-    "button.outline.disabled.borderColor": "rgba(255, 255, 255, 0.2)",
-    "button.outline.disabled.halo.color": "rgba(255, 255, 255, 0.2)",
-    "button.outline.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-    "button.outline.disabled.textColor": "rgba(245, 245, 245, 0.2)",
     "button.solid.backgroundColor": "#0696d7",
-    "button.solid.borderColor": "#0696d7",
+    "button.solid.borderColor": "#38abdf",
     "button.solid.halo.color": "#808080",
     "button.solid.textColor": "#f5f5f5",
     "button.solid.icon.color": "#f5f5f5",
-    "button.solid.hover.backgroundColor": "#0696d7",
-    "button.solid.hover.borderColor": "#0696d7",
-    "button.solid.hover.halo.color": "rgba(255, 255, 255, 0.2)",
+    "button.solid.hover.backgroundColor": "#38abdf",
+    "button.solid.hover.borderColor": "#38abdf",
+    "button.solid.hover.halo.color": "rgba(255, 255, 255, 0.15)",
     "button.solid.hover.textColor": "#f5f5f5",
     "button.solid.hover.icon.color": "#f5f5f5",
-    "button.solid.focus.backgroundColor": "#0696d7",
-    "button.solid.focus.borderColor": "#0696d7",
-    "button.solid.focus.halo.color": "rgba(56, 171, 223, 0.4)",
+    "button.solid.focus.backgroundColor": "#38abdf",
+    "button.solid.focus.borderColor": "#38abdf",
+    "button.solid.focus.halo.color": "#38abdf",
     "button.solid.focus.textColor": "#f5f5f5",
@@ -292,58 +287,81 @@ "button.solid.focus.icon.color": "#f5f5f5",
     "button.solid.pressed.backgroundColor": "#0696d7",
-    "button.solid.pressed.borderColor": "#0696d7",
-    "button.solid.pressed.halo.color": "rgba(56, 171, 223, 0.2)",
+    "button.solid.pressed.borderColor": "#38abdf",
+    "button.solid.pressed.halo.color": "rgba(56, 171, 223, 0.5)",
     "button.solid.pressed.textColor": "#f5f5f5",
     "button.solid.pressed.icon.color": "#f5f5f5",
-    "button.solid.disabled.backgroundColor": "rgba(6, 150, 215, 0.4)",
-    "button.solid.disabled.borderColor": "#0696d7",
-    "button.solid.disabled.halo.color": "rgba(255, 255, 255, 0)",
-    "button.solid.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-    "button.solid.disabled.textColor": "rgba(245, 245, 245, 0.2)",
     "button.flat.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.borderColor": "rgba(255, 255, 255, 0)",
     "button.flat.halo.color": "#808080",
-    "button.flat.textColor": "#9bd5ef",
-    "button.flat.icon.color": "#9bd5ef",
+    "button.flat.textColor": "#6DD2FF",
+    "button.flat.icon.color": "#6DD2FF",
     "button.flat.hover.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.hover.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.hover.halo.color": "rgba(255, 255, 255, 0.2)",
-    "button.flat.hover.textColor": "#9bd5ef",
-    "button.flat.hover.icon.color": "#9bd5ef",
+    "button.flat.hover.halo.color": "rgba(255, 255, 255, 0.15)",
+    "button.flat.hover.textColor": "#6DD2FF",
+    "button.flat.hover.icon.color": "#6DD2FF",
     "button.flat.focus.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.focus.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.focus.halo.color": "rgba(56, 171, 223, 0.2)",
-    "button.flat.focus.textColor": "#9bd5ef",
-    "button.flat.focus.icon.color": "#9bd5ef",
+    "button.flat.focus.halo.color": "rgba(56, 171, 223, 0.5)",
+    "button.flat.focus.textColor": "#6DD2FF",
+    "button.flat.focus.icon.color": "#6DD2FF",
     "button.flat.pressed.haloWidth": "4px",
     "button.flat.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.pressed.halo.color": "rgba(56, 171, 223, 0.2)",
-    "button.flat.pressed.textColor": "#9bd5ef",
-    "button.flat.pressed.icon.color": "#9bd5ef",
-    "button.flat.disabled.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.halo.color": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.textColor": "rgba(155, 213, 239, 0.4)",
-    "button.flat.disabled.icon.color": "rgba(5, 113, 161, 0.4)",
+    "button.flat.pressed.halo.color": "rgba(56, 171, 223, 0.5)",
+    "button.flat.pressed.textColor": "#6DD2FF",
+    "button.flat.pressed.icon.color": "#6DD2FF",
+    "avatar.fontWeight": 400,
+    "avatar.fontColorOnDark": "#ffffff",
+    "avatar.fontColorOnLight": "#3c3c3c",
+    "avatar.extraSmall.fontSize": "11px",
+    "avatar.extraSmall.diameter": "16px",
+    "avatar.small.fontSize": "12px",
+    "avatar.small.diameter": "24px",
+    "avatar.medium.fontSize": "14px",
+    "avatar.medium.diameter": "32px",
+    "avatar.large.fontSize": "24px",
+    "avatar.large.diameter": "48px",
+    "avatar.extraLarge.fontSize": "30px",
+    "avatar.extraLarge.diameter": "64px",
+    "avatar.color1.backgroundColor": "#6ac0e7",
+    "avatar.color1.fontColor": "#3c3c3c",
+    "avatar.color2.backgroundColor": "#1858a8",
+    "avatar.color2.fontColor": "#ffffff",
+    "avatar.color3.backgroundColor": "#5d822c",
+    "avatar.color3.fontColor": "#ffffff",
+    "avatar.color4.backgroundColor": "#ff9582",
+    "avatar.color4.fontColor": "#3c3c3c",
+    "avatar.color5.backgroundColor": "#7993b0",
+    "avatar.color5.fontColor": "#ffffff",
+    "avatar.color6.backgroundColor": "#5bc9bd",
+    "avatar.color6.fontColor": "#3c3c3c",
+    "avatar.color7.backgroundColor": "#faa21b",
+    "avatar.color7.fontColor": "#3c3c3c",
     "checkbox.backgroundColor": "#3b4453",
-    "checkbox.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.borderColor": "#ffffff",
     "checkbox.borderWidth": "1px",
-    "checkbox.borderRadius": "0",
-    "checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
-    "checkbox.halo.width": "0",
-    "checkbox.labelSpacing": "8px",
-    "checkbox.hover.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.hover.halo.width": "4px",
-    "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
-    "checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.25)",
-    "checkbox.focus.halo.width": "4px",
-    "checkbox.active.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
-    "checkbox.active.halo.width": "4px",
+    "checkbox.borderRadius": 0,
+    "checkbox.halo.color": "rgba(128, 128, 128, 0.4)",
+    "checkbox.halo.width": "2px",
+    "checkbox.height": "12px",
+    "checkbox.iconColor": "#3b4453",
+    "checkbox.width": "12px",
+    "checkbox.hover.borderColor": "rgb(255, 255, 255)",
+    "checkbox.hover.halo.width": "2px",
+    "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.4)",
+    "checkbox.focus.borderColor": "rgb(255, 255, 255)",
+    "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.4)",
+    "checkbox.focus.halo.width": "2px",
+    "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.pressed.halo.color": "rgba(56, 171, 223, 0.4)",
+    "checkbox.pressed.halo.width": "4px",
     "checkbox.checked.borderColor": "#808080",
     "checkbox.checked.iconColor": "#ffffff",
-    "checkbox.checked.backgroundColor": "#808080",
-    "checkbox.disabled.borderColor": "#808080",
-    "checkbox.disabled.checked.backgroundColor": "#808080",
+    "checkbox.checked.backgroundColor": "#ffffff",
+    "checkbox.indeterminate.borderColor": "#808080",
+    "checkbox.indeterminate.iconColor": "#ffffff",
+    "checkbox.indeterminate.backgroundColor": "#ffffff",
+    "checkbox.focus.checked.backgroundColor": "#3b4453",
+    "checkbox.focus.checked.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.focus.indeterminate.borderColor": "rgba(128, 128, 128, 0.5)",
     "formField.instructionalText.fontSize": "11px",
@@ -364,8 +382,8 @@ "formField.instructionalText.fontWeight": 400,
     "input.horizontalPadding": "0",
-    "input.boxType.horizontalPadding": "4px",
-    "input.verticalPadding": "2px",
+    "input.boxType.horizontalPadding": "8px",
+    "input.verticalPadding": "4px",
     "input.borderRadius": "0",
-    "input.borderColor": "#808080",
+    "input.borderColor": "rgb(34, 41, 51)",
     "input.borderWidth": "1px",
-    "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+    "input.borderBottomColor": "rgba(255, 255, 255, 0.35)",
     "input.borderBottomWidth": "1px",
@@ -376,2 +394,3 @@ "input.fontColor": "#f5f5f5",
     "input.fontSize": "12px",
+    "input.height": "24px",
     "input.lineHeight": "1.4",
@@ -382,11 +401,12 @@ "input.halo.color": "rgba(128, 128, 128, 0.15)",
     "input.placeholder.fontColor": "rgba(245, 245, 245, 0.6)",
-    "input.hover.borderBottomColor": "#808080",
+    "input.hover.borderBottomColor": "rgba(255, 255, 255, 0.75)",
     "input.hover.halo.width": "4px",
-    "input.focus.borderBottomColor": "#0696d7",
+    "input.focus.borderBottomColor": "#38abdf",
     "input.focus.halo.width": "4px",
-    "input.focus.halo.color": "rgba(6, 150, 215, 0.25)",
+    "input.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "input.active.halo.width": "4px",
-    "input.active.halo.color": "rgba(6, 150, 215, 0.25)",
-    "input.disabled.borderColor": "#808080",
-    "input.disabled.fontColor": "rgba(245, 245, 245, 0.2)",
+    "input.active.halo.color": "rgba(56, 171, 223, 0.35)",
+    "input.disabled.opacity": 0.5,
+    "input.box.borderBottomColor": "rgb(34, 41, 51)",
+    "input.box.backgroundColor": "#222933",
     "skeletonItem.borderRadius": "2px",
@@ -397,3 +417,28 @@ "skeletonItem.defaultHeight": "12px",
     "textArea.minHeight": "250px",
-    "textArea.borderColor": "#808080",
+    "textArea.borderColor": "rgb(34, 41, 51)",
+    "typography.body.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.body.fontWeight": 400,
+    "typography.body.fontSize": "12px",
+    "typography.body.lineHeight": "1.3",
+    "typography.body.color": "#f5f5f5",
+    "typography.caption.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.caption.fontWeight": 400,
+    "typography.caption.fontSize": "11px",
+    "typography.caption.lineHeight": "1.3",
+    "typography.caption.color": "#f5f5f5",
+    "typography.h1.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h1.fontWeight": 400,
+    "typography.h1.fontSize": "24px",
+    "typography.h1.lineHeight": "1.5",
+    "typography.h1.color": "#f5f5f5",
+    "typography.h2.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h2.fontWeight": 400,
+    "typography.h2.fontSize": "20px",
+    "typography.h2.lineHeight": "1.3",
+    "typography.h2.color": "#f5f5f5",
+    "typography.h3.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h3.fontWeight": 600,
+    "typography.h3.fontSize": "16px",
+    "typography.h3.lineHeight": "1.4",
+    "typography.h3.color": "#f5f5f5",
     "label.fontSize": "11px",
@@ -405,3 +450,2 @@ "label.fontWeight": 400,
     "label.hover.fontColor": "rgba(245, 245, 245, 0.6)",
-    "label.disabled.fontColor": "rgba(245, 245, 245, 0.2)",
     "menu.backgroundColor": "#3b4453",
@@ -413,3 +457,3 @@ "menu.borderRadius": "2px",
     "menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
-    "menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",
+    "menu.item.active.backgroundColor": "rgba(56, 171, 223, 0.1)",
     "menu.item.horizontalPadding": "4px",
@@ -416,0 +460,0 @@ "menu.item.verticalPadding": "12px",

build/json/darkBlueHighDensityTheme/unresolvedRoles.json

@@ -627,3 +627,3 @@ {
   "basics.fontWeights.bold": {
-    "value": 700,
+    "value": 800,
     "type": "fontWeight"
@@ -742,3 +742,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "basics.colors.autodeskBlue400"
     }
@@ -899,2 +899,6 @@ },
   },
+  "component.disabled.opacity": {
+    "type": "opacity",
+    "value": "0.5"
+  },
   "button.borderRadius": {
@@ -915,3 +919,3 @@ "type": "borderRadius",
     "value": {
-      "ref": "basics.fontWeights.regular"
+      "ref": "basics.fontWeights.medium"
     }
@@ -921,5 +925,3 @@ },
     "type": "lineHeight",
-    "value": {
-      "ref": "basics.lineHeights.medium"
-    }
+    "value": "14px"
   },
@@ -966,3 +968,3 @@ "button.fontFamily": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -977,3 +979,6 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.15
     }
@@ -988,3 +993,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.15
     }
@@ -999,18 +1007,12 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    }
-  },
-  "button.disabled.halo.width": {
-    "type": "length",
-    "value": "0"
-  },
-  "button.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.white"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0
+      "alpha": 0.15
     }
   },
+  "button.disabled.opacity": {
+    "type": "opacity",
+    "value": "0.5"
+  },
   "button.outline.backgroundColor": {
@@ -1029,2 +1031,5 @@ "type": "color",
       "ref": "basics.colors.white"
+    },
+    "transform": {
+      "alpha": 0.5
     }
@@ -1041,3 +1046,3 @@ },
     "value": {
-      "ref": "basics.colors.textAgainstDark"
+      "ref": "colorScheme.textColor"
     }
@@ -1048,3 +1053,3 @@ },
     "value": {
-      "ref": "basics.colors.textAgainstDark"
+      "ref": "colorScheme.textColor"
     }
@@ -1070,3 +1075,3 @@ },
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.15
     }
@@ -1095,3 +1100,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
+      "ref": "colorScheme.accentColor"
     }
@@ -1102,6 +1107,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.5
     }
@@ -1134,3 +1139,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
+      "ref": "colorScheme.accentColor"
     }
@@ -1141,6 +1146,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.5
     }
@@ -1160,47 +1165,2 @@ },
   },
-  "button.outline.disabled.backgroundColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.backgroundColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.borderColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.borderColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.disabled.halo.color"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.icon.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.icon.color"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.textColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.textColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "button.solid.backgroundColor": {
@@ -1215,3 +1175,3 @@ "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1240,3 +1200,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1256,3 +1216,3 @@ },
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.15
     }
@@ -1275,3 +1235,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1288,6 +1248,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "colorScheme.accentColor"
     }
@@ -1326,6 +1283,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.5
     }
@@ -1345,44 +1302,2 @@ },
   },
-  "button.solid.disabled.backgroundColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.solid.backgroundColor"
-    },
-    "transform": {
-      "alpha": 0.4
-    }
-  },
-  "button.solid.disabled.borderColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.solid.borderColor",
-      "transform": {
-        "alpha": 0.2
-      }
-    }
-  },
-  "button.solid.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.disabled.halo.color"
-    }
-  },
-  "button.solid.disabled.icon.color": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.textAgainstDark"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.solid.disabled.textColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.solid.textColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "button.flat.backgroundColor": {
@@ -1414,11 +1329,7 @@ "type": "color",
     "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue200"
-    }
+    "value": "#6DD2FF"
   },
   "button.flat.icon.color": {
     "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue200"
-    }
+    "value": "#6DD2FF"
   },
@@ -1443,3 +1354,3 @@ "button.flat.hover.backgroundColor": {
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.15
     }
@@ -1474,6 +1385,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.5
     }
@@ -1512,6 +1423,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.5
     }
@@ -1531,47 +1442,144 @@ },
   },
-  "button.flat.disabled.backgroundColor": {
+  "avatar.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "avatar.fontColorOnDark": {
     "type": "color",
     "value": {
-      "ref": "button.flat.backgroundColor",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.white"
     }
   },
-  "button.flat.disabled.borderColor": {
+  "avatar.fontColorOnLight": {
     "type": "color",
     "value": {
-      "ref": "button.flat.borderColor",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.textAgainstLight"
     }
   },
-  "button.flat.disabled.halo.color": {
+  "avatar.extraSmall.fontSize": {
+    "type": "fontSize",
+    "value": "11px"
+  },
+  "avatar.extraSmall.diameter": {
+    "type": "length",
+    "value": "16px"
+  },
+  "avatar.small.fontSize": {
+    "type": "fontSize",
+    "value": "12px"
+  },
+  "avatar.small.diameter": {
+    "type": "length",
+    "value": "24px"
+  },
+  "avatar.medium.fontSize": {
+    "type": "fontSize",
+    "value": "14px"
+  },
+  "avatar.medium.diameter": {
+    "type": "length",
+    "value": "32px"
+  },
+  "avatar.large.fontSize": {
+    "type": "fontSize",
+    "value": "24px"
+  },
+  "avatar.large.diameter": {
+    "type": "length",
+    "value": "48px"
+  },
+  "avatar.extraLarge.fontSize": {
+    "type": "fontSize",
+    "value": "30px"
+  },
+  "avatar.extraLarge.diameter": {
+    "type": "length",
+    "value": "64px"
+  },
+  "avatar.color1.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "button.disabled.halo.color",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.autodeskBlue300"
     }
   },
-  "button.flat.disabled.textColor": {
+  "avatar.color1.fontColor": {
     "type": "color",
     "value": {
-      "ref": "button.flat.textColor"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "avatar.fontColorOnLight"
     }
   },
-  "button.flat.disabled.icon.color": {
+  "avatar.color2.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue700"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "basics.colors.darkBlue600"
     }
   },
+  "avatar.color2.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color3.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.green700"
+    }
+  },
+  "avatar.color3.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color4.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.salmon400"
+    }
+  },
+  "avatar.color4.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
+  "avatar.color5.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.slate500"
+    }
+  },
+  "avatar.color5.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color6.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.turquoise400"
+    }
+  },
+  "avatar.color6.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
+  "avatar.color7.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.yellowOrange500"
+    }
+  },
+  "avatar.color7.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
   "checkbox.backgroundColor": {
@@ -1585,7 +1593,4 @@ "type": "color",
     "type": "color",
-    "transform": {
-      "alpha": 0.5
-    },
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "basics.colors.white"
     }
@@ -1595,11 +1600,7 @@ },
     "type": "borderWidth",
-    "value": {
-      "ref": "input.borderBottomWidth"
-    }
+    "value": "1px"
   },
   "checkbox.borderRadius": {
     "type": "borderRadius",
-    "value": {
-      "ref": "basics.borderRadii.small"
-    }
+    "value": 0
   },
@@ -1609,3 +1610,6 @@ "checkbox.halo.color": {
     "value": {
-      "ref": "input.halo.color"
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.4
     }
@@ -1615,19 +1619,25 @@ },
     "type": "length",
-    "value": {
-      "ref": "input.halo.width"
-    }
+    "value": "2px"
   },
-  "checkbox.labelSpacing": {
+  "checkbox.height": {
     "type": "length",
+    "value": "12px"
+  },
+  "checkbox.iconColor": {
+    "type": "color",
     "value": {
-      "ref": "density.spacings.small"
+      "ref": "colorScheme.surfaceLevel200Color"
     }
   },
+  "checkbox.width": {
+    "type": "length",
+    "value": "12px"
+  },
   "checkbox.hover.borderColor": {
     "type": "color",
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "basics.colors.white"
     },
     "transform": {
-      "alpha": 0.5
+      "alpha": 1
     }
@@ -1638,3 +1648,3 @@ },
     "value": {
-      "ref": "input.hover.halo.width"
+      "ref": "checkbox.halo.width"
     }
@@ -1645,3 +1655,6 @@ },
     "value": {
-      "ref": "input.halo.color"
+      "ref": "basics.colors.white"
+    },
+    "transform": {
+      "alpha": 0.4
     }
@@ -1652,6 +1665,6 @@ },
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "basics.colors.white"
     },
     "transform": {
-      "alpha": 0.5
+      "alpha": 1
     }
@@ -1662,3 +1675,6 @@ },
     "value": {
-      "ref": "input.focus.halo.color"
+      "ref": "basics.colors.autodeskBlue400"
+    },
+    "transform": {
+      "alpha": 0.4
     }
@@ -1669,6 +1685,6 @@ },
     "value": {
-      "ref": "input.focus.halo.width"
+      "ref": "checkbox.halo.width"
     }
   },
-  "checkbox.active.borderColor": {
+  "checkbox.pressed.borderColor": {
     "type": "color",
@@ -1682,13 +1698,14 @@ "value": {
   },
-  "checkbox.active.halo.color": {
+  "checkbox.pressed.halo.color": {
     "type": "color",
     "value": {
-      "ref": "input.active.halo.color"
+      "ref": "basics.colors.autodeskBlue400"
+    },
+    "transform": {
+      "alpha": 0.4
     }
   },
-  "checkbox.active.halo.width": {
+  "checkbox.pressed.halo.width": {
     "type": "length",
-    "value": {
-      "ref": "input.active.halo.width"
-    }
+    "value": "4px"
   },
@@ -1710,20 +1727,47 @@ "checkbox.checked.borderColor": {
     "value": {
+      "ref": "basics.colors.white"
+    }
+  },
+  "checkbox.indeterminate.borderColor": {
+    "type": "color",
+    "value": {
       "ref": "colorScheme.baseColor"
     }
   },
-  "checkbox.disabled.borderColor": {
+  "checkbox.indeterminate.iconColor": {
     "type": "color",
     "value": {
-      "ref": "input.disabled.borderColor"
+      "ref": "basics.colors.white"
     }
   },
-  "checkbox.disabled.checked.backgroundColor": {
+  "checkbox.indeterminate.backgroundColor": {
     "type": "color",
     "value": {
+      "ref": "basics.colors.white"
+    }
+  },
+  "checkbox.focus.checked.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "checkbox.backgroundColor"
+    }
+  },
+  "checkbox.focus.checked.borderColor": {
+    "type": "color",
+    "value": {
       "ref": "colorScheme.baseColor"
     },
     "transform": {
-      "alhpa": 0.5
+      "alpha": 0.5
     }
   },
+  "checkbox.focus.indeterminate.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.5
+    }
+  },
   "formField.instructionalText.fontSize": {
@@ -1818,11 +1862,7 @@ "type": "fontSize",
     "type": "length",
-    "value": {
-      "ref": "density.spacings.extraSmall"
-    }
+    "value": "8px"
   },
   "input.verticalPadding": {
     "type": "length",
-    "value": {
-      "ref": "density.spacings.extraExtraSmall"
-    }
+    "value": "4px"
   },
@@ -1838,3 +1878,6 @@ "input.borderRadius": {
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "input.box.backgroundColor"
+    },
+    "transform": {
+      "alpha": 1
     }
@@ -1851,6 +1894,6 @@ },
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "basics.colors.white"
     },
     "transform": {
-      "alpha": 0.5
+      "alpha": 0.35
     }
@@ -1888,2 +1931,6 @@ },
   },
+  "input.height": {
+    "type": "length",
+    "value": "24px"
+  },
   "input.lineHeight": {
@@ -1925,3 +1972,6 @@ "type": "lineHeight",
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "basics.colors.white"
+    },
+    "transform": {
+      "alpha": 0.75
     }
@@ -1953,3 +2003,3 @@ },
     "transform": {
-      "alpha": 0.25
+      "alpha": 0.35
     }
@@ -1969,18 +2019,22 @@ },
     "transform": {
-      "alpha": 0.25
+      "alpha": 0.35
     }
   },
-  "input.disabled.borderColor": {
+  "input.disabled.opacity": {
+    "type": "opacity",
+    "value": 0.5
+  },
+  "input.box.borderBottomColor": {
     "type": "color",
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "input.box.backgroundColor"
+    },
+    "transform": {
+      "alpha": 1
     }
   },
-  "input.disabled.fontColor": {
+  "input.box.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "colorScheme.textColor"
-    },
-    "transform": {
-      "alpha": 0.2
+      "ref": "colorScheme.surfaceLevel300Color"
     }
@@ -2028,2 +2082,152 @@ },
   },
+  "typography.body.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.body.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.body.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.medium"
+    }
+  },
+  "typography.body.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.body.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.caption.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.caption.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.caption.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.small"
+    }
+  },
+  "typography.caption.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.caption.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h1.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h1.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.h1.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.extraExtraLarge"
+    }
+  },
+  "typography.h1.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.large"
+    }
+  },
+  "typography.h1.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h2.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h2.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.h2.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.extraLarge"
+    }
+  },
+  "typography.h2.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.h2.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h3.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h3.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.medium"
+    }
+  },
+  "typography.h3.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.large"
+    }
+  },
+  "typography.h3.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.medium"
+    }
+  },
+  "typography.h3.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
   "label.fontSize": {
@@ -2071,11 +2275,2 @@ "type": "fontSize",
   },
-  "label.disabled.fontColor": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.textAgainstDark"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "menu.backgroundColor": {
@@ -2082,0 +2277,0 @@ "type": "color",

build/json/darkBlueMediumDensityTheme/resolvedRoles.json

@@ -158,3 +158,3 @@ {
   "basics.fontWeights.medium": 600,
-  "basics.fontWeights.bold": 700,
+  "basics.fontWeights.bold": 800,
   "basics.lineHeights.small": "1.3",
@@ -187,3 +187,3 @@ "basics.lineHeights.medium": "1.4",
   "basics.spacings.lowExtraExtraLarge": "64px",
-  "colorScheme.accentColor": "#0696d7",
+  "colorScheme.accentColor": "#38abdf",
   "colorScheme.baseColor": "#808080",
@@ -213,6 +213,7 @@ "colorScheme.highShadowColor": "rgba(26, 31, 38, 0.5)",
   "density.fontSizes.extraExtraLarge": "28px",
+  "component.disabled.opacity": "0.5",
   "button.borderRadius": "2px",
   "button.borderWidth": "1px",
-  "button.fontWeight": 400,
-  "button.lineHeight": "1.4",
+  "button.fontWeight": 600,
+  "button.lineHeight": "18px",
   "button.fontFamily": "ArtifaktElement, sans-serif",
@@ -227,11 +228,10 @@ "button.fontSize": "14px",
   "button.hover.halo.width": "2px",
-  "button.hover.halo.color": "#808080",
+  "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
   "button.focus.halo.width": "2px",
-  "button.focus.halo.color": "#0696d7",
+  "button.focus.halo.color": "rgba(56, 171, 223, 0.15)",
   "button.pressed.halo.width": "4px",
-  "button.pressed.halo.color": "#0696d7",
-  "button.disabled.halo.width": "0",
-  "button.disabled.halo.color": "rgba(255, 255, 255, 0)",
+  "button.pressed.halo.color": "rgba(56, 171, 223, 0.15)",
+  "button.disabled.opacity": "0.5",
   "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.borderColor": "#ffffff",
+  "button.outline.borderColor": "rgba(255, 255, 255, 0.5)",
   "button.outline.halo.color": "#bbbbbb",
@@ -241,4 +241,4 @@ "button.outline.textColor": "#f5f5f5",
   "button.outline.hover.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.hover.borderColor": "#ffffff",
-  "button.outline.hover.halo.color": "rgba(255, 255, 255, 0.2)",
+  "button.outline.hover.borderColor": "rgba(255, 255, 255, 0.5)",
+  "button.outline.hover.halo.color": "rgba(255, 255, 255, 0.15)",
   "button.outline.hover.textColor": "#f5f5f5",
@@ -248,3 +248,3 @@ "button.outline.hover.icon.color": "#f5f5f5",
   "button.outline.focus.borderColor": "#38abdf",
-  "button.outline.focus.halo.color": "rgba(56, 171, 223, 0.2)",
+  "button.outline.focus.halo.color": "rgba(56, 171, 223, 0.5)",
   "button.outline.focus.textColor": "#f5f5f5",
@@ -255,23 +255,18 @@ "button.outline.focus.icon.color": "#f5f5f5",
   "button.outline.pressed.borderColor": "#38abdf",
-  "button.outline.pressed.halo.color": "rgba(56, 171, 223, 0.2)",
+  "button.outline.pressed.halo.color": "rgba(56, 171, 223, 0.5)",
   "button.outline.pressed.textColor": "#f5f5f5",
   "button.outline.pressed.icon.color": "#f5f5f5",
-  "button.outline.disabled.backgroundColor": "rgba(255, 255, 255, 0.2)",
-  "button.outline.disabled.borderColor": "rgba(255, 255, 255, 0.2)",
-  "button.outline.disabled.halo.color": "rgba(255, 255, 255, 0.2)",
-  "button.outline.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-  "button.outline.disabled.textColor": "rgba(245, 245, 245, 0.2)",
   "button.solid.backgroundColor": "#0696d7",
-  "button.solid.borderColor": "#0696d7",
+  "button.solid.borderColor": "#38abdf",
   "button.solid.halo.color": "#808080",
   "button.solid.textColor": "#f5f5f5",
   "button.solid.icon.color": "#f5f5f5",
-  "button.solid.hover.backgroundColor": "#0696d7",
-  "button.solid.hover.borderColor": "#0696d7",
-  "button.solid.hover.halo.color": "rgba(255, 255, 255, 0.2)",
+  "button.solid.hover.backgroundColor": "#38abdf",
+  "button.solid.hover.borderColor": "#38abdf",
+  "button.solid.hover.halo.color": "rgba(255, 255, 255, 0.15)",
   "button.solid.hover.textColor": "#f5f5f5",
   "button.solid.hover.icon.color": "#f5f5f5",
-  "button.solid.focus.backgroundColor": "#0696d7",
-  "button.solid.focus.borderColor": "#0696d7",
-  "button.solid.focus.halo.color": "rgba(56, 171, 223, 0.4)",
+  "button.solid.focus.backgroundColor": "#38abdf",
+  "button.solid.focus.borderColor": "#38abdf",
+  "button.solid.focus.halo.color": "#38abdf",
   "button.solid.focus.textColor": "#f5f5f5",
@@ -281,58 +276,81 @@ "button.solid.focus.icon.color": "#f5f5f5",
   "button.solid.pressed.backgroundColor": "#0696d7",
-  "button.solid.pressed.borderColor": "#0696d7",
-  "button.solid.pressed.halo.color": "rgba(56, 171, 223, 0.2)",
+  "button.solid.pressed.borderColor": "#38abdf",
+  "button.solid.pressed.halo.color": "rgba(56, 171, 223, 0.5)",
   "button.solid.pressed.textColor": "#f5f5f5",
   "button.solid.pressed.icon.color": "#f5f5f5",
-  "button.solid.disabled.backgroundColor": "rgba(6, 150, 215, 0.4)",
-  "button.solid.disabled.borderColor": "#0696d7",
-  "button.solid.disabled.halo.color": "rgba(255, 255, 255, 0)",
-  "button.solid.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-  "button.solid.disabled.textColor": "rgba(245, 245, 245, 0.2)",
   "button.flat.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.borderColor": "rgba(255, 255, 255, 0)",
   "button.flat.halo.color": "#808080",
-  "button.flat.textColor": "#9bd5ef",
-  "button.flat.icon.color": "#9bd5ef",
+  "button.flat.textColor": "#6DD2FF",
+  "button.flat.icon.color": "#6DD2FF",
   "button.flat.hover.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.hover.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.hover.halo.color": "rgba(255, 255, 255, 0.2)",
-  "button.flat.hover.textColor": "#9bd5ef",
-  "button.flat.hover.icon.color": "#9bd5ef",
+  "button.flat.hover.halo.color": "rgba(255, 255, 255, 0.15)",
+  "button.flat.hover.textColor": "#6DD2FF",
+  "button.flat.hover.icon.color": "#6DD2FF",
   "button.flat.focus.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.focus.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.focus.halo.color": "rgba(56, 171, 223, 0.2)",
-  "button.flat.focus.textColor": "#9bd5ef",
-  "button.flat.focus.icon.color": "#9bd5ef",
+  "button.flat.focus.halo.color": "rgba(56, 171, 223, 0.5)",
+  "button.flat.focus.textColor": "#6DD2FF",
+  "button.flat.focus.icon.color": "#6DD2FF",
   "button.flat.pressed.haloWidth": "4px",
   "button.flat.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.pressed.halo.color": "rgba(56, 171, 223, 0.2)",
-  "button.flat.pressed.textColor": "#9bd5ef",
-  "button.flat.pressed.icon.color": "#9bd5ef",
-  "button.flat.disabled.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.halo.color": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.textColor": "rgba(155, 213, 239, 0.4)",
-  "button.flat.disabled.icon.color": "rgba(5, 113, 161, 0.4)",
+  "button.flat.pressed.halo.color": "rgba(56, 171, 223, 0.5)",
+  "button.flat.pressed.textColor": "#6DD2FF",
+  "button.flat.pressed.icon.color": "#6DD2FF",
+  "avatar.fontWeight": 400,
+  "avatar.fontColorOnDark": "#ffffff",
+  "avatar.fontColorOnLight": "#3c3c3c",
+  "avatar.extraSmall.fontSize": "11px",
+  "avatar.extraSmall.diameter": "16px",
+  "avatar.small.fontSize": "12px",
+  "avatar.small.diameter": "24px",
+  "avatar.medium.fontSize": "14px",
+  "avatar.medium.diameter": "32px",
+  "avatar.large.fontSize": "24px",
+  "avatar.large.diameter": "48px",
+  "avatar.extraLarge.fontSize": "30px",
+  "avatar.extraLarge.diameter": "64px",
+  "avatar.color1.backgroundColor": "#6ac0e7",
+  "avatar.color1.fontColor": "#3c3c3c",
+  "avatar.color2.backgroundColor": "#1858a8",
+  "avatar.color2.fontColor": "#ffffff",
+  "avatar.color3.backgroundColor": "#5d822c",
+  "avatar.color3.fontColor": "#ffffff",
+  "avatar.color4.backgroundColor": "#ff9582",
+  "avatar.color4.fontColor": "#3c3c3c",
+  "avatar.color5.backgroundColor": "#7993b0",
+  "avatar.color5.fontColor": "#ffffff",
+  "avatar.color6.backgroundColor": "#5bc9bd",
+  "avatar.color6.fontColor": "#3c3c3c",
+  "avatar.color7.backgroundColor": "#faa21b",
+  "avatar.color7.fontColor": "#3c3c3c",
   "checkbox.backgroundColor": "#3b4453",
-  "checkbox.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.borderColor": "#ffffff",
   "checkbox.borderWidth": "1px",
-  "checkbox.borderRadius": "0",
-  "checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
-  "checkbox.halo.width": "0",
-  "checkbox.labelSpacing": "12px",
-  "checkbox.hover.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.hover.halo.width": "4px",
-  "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
-  "checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.25)",
-  "checkbox.focus.halo.width": "4px",
-  "checkbox.active.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
-  "checkbox.active.halo.width": "4px",
+  "checkbox.borderRadius": 0,
+  "checkbox.halo.color": "rgba(128, 128, 128, 0.4)",
+  "checkbox.halo.width": "2px",
+  "checkbox.height": "16px",
+  "checkbox.iconColor": "#3b4453",
+  "checkbox.width": "16px",
+  "checkbox.hover.borderColor": "rgb(255, 255, 255)",
+  "checkbox.hover.halo.width": "2px",
+  "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.4)",
+  "checkbox.focus.borderColor": "rgb(255, 255, 255)",
+  "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.4)",
+  "checkbox.focus.halo.width": "2px",
+  "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.pressed.halo.color": "rgba(56, 171, 223, 0.4)",
+  "checkbox.pressed.halo.width": "4px",
   "checkbox.checked.borderColor": "#808080",
   "checkbox.checked.iconColor": "#ffffff",
-  "checkbox.checked.backgroundColor": "#808080",
-  "checkbox.disabled.borderColor": "#808080",
-  "checkbox.disabled.checked.backgroundColor": "#808080",
+  "checkbox.checked.backgroundColor": "#ffffff",
+  "checkbox.indeterminate.borderColor": "#808080",
+  "checkbox.indeterminate.iconColor": "#ffffff",
+  "checkbox.indeterminate.backgroundColor": "#ffffff",
+  "checkbox.focus.checked.backgroundColor": "#3b4453",
+  "checkbox.focus.checked.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.focus.indeterminate.borderColor": "rgba(128, 128, 128, 0.5)",
   "formField.instructionalText.fontSize": "12px",
@@ -356,5 +374,5 @@ "formField.instructionalText.fontWeight": 400,
   "input.borderRadius": "0",
-  "input.borderColor": "#808080",
+  "input.borderColor": "rgb(34, 41, 51)",
   "input.borderWidth": "1px",
-  "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+  "input.borderBottomColor": "rgba(255, 255, 255, 0.35)",
   "input.borderBottomWidth": "1px",
@@ -365,2 +383,3 @@ "input.fontColor": "#f5f5f5",
   "input.fontSize": "14px",
+  "input.height": "28px",
   "input.lineHeight": "1.4",
@@ -371,11 +390,12 @@ "input.halo.color": "rgba(128, 128, 128, 0.15)",
   "input.placeholder.fontColor": "rgba(245, 245, 245, 0.6)",
-  "input.hover.borderBottomColor": "#808080",
+  "input.hover.borderBottomColor": "rgba(255, 255, 255, 0.75)",
   "input.hover.halo.width": "4px",
-  "input.focus.borderBottomColor": "#0696d7",
+  "input.focus.borderBottomColor": "#38abdf",
   "input.focus.halo.width": "4px",
-  "input.focus.halo.color": "rgba(6, 150, 215, 0.25)",
+  "input.focus.halo.color": "rgba(56, 171, 223, 0.35)",
   "input.active.halo.width": "4px",
-  "input.active.halo.color": "rgba(6, 150, 215, 0.25)",
-  "input.disabled.borderColor": "#808080",
-  "input.disabled.fontColor": "rgba(245, 245, 245, 0.2)",
+  "input.active.halo.color": "rgba(56, 171, 223, 0.35)",
+  "input.disabled.opacity": 0.5,
+  "input.box.borderBottomColor": "rgb(34, 41, 51)",
+  "input.box.backgroundColor": "#222933",
   "skeletonItem.borderRadius": "2px",
@@ -386,3 +406,28 @@ "skeletonItem.defaultHeight": "16px",
   "textArea.minHeight": "250px",
-  "textArea.borderColor": "#808080",
+  "textArea.borderColor": "rgb(34, 41, 51)",
+  "typography.body.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.body.fontWeight": 400,
+  "typography.body.fontSize": "14px",
+  "typography.body.lineHeight": "1.3",
+  "typography.body.color": "#f5f5f5",
+  "typography.caption.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.caption.fontWeight": 400,
+  "typography.caption.fontSize": "12px",
+  "typography.caption.lineHeight": "1.3",
+  "typography.caption.color": "#f5f5f5",
+  "typography.h1.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h1.fontWeight": 400,
+  "typography.h1.fontSize": "28px",
+  "typography.h1.lineHeight": "1.5",
+  "typography.h1.color": "#f5f5f5",
+  "typography.h2.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h2.fontWeight": 400,
+  "typography.h2.fontSize": "24px",
+  "typography.h2.lineHeight": "1.3",
+  "typography.h2.color": "#f5f5f5",
+  "typography.h3.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h3.fontWeight": 600,
+  "typography.h3.fontSize": "20px",
+  "typography.h3.lineHeight": "1.4",
+  "typography.h3.color": "#f5f5f5",
   "label.fontSize": "12px",
@@ -394,3 +439,2 @@ "label.fontWeight": 400,
   "label.hover.fontColor": "rgba(245, 245, 245, 0.6)",
-  "label.disabled.fontColor": "rgba(245, 245, 245, 0.2)",
   "menu.backgroundColor": "#3b4453",
@@ -402,3 +446,3 @@ "menu.borderRadius": "2px",
   "menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
-  "menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",
+  "menu.item.active.backgroundColor": "rgba(56, 171, 223, 0.1)",
   "menu.item.horizontalPadding": "8px",
@@ -405,0 +449,0 @@ "menu.item.verticalPadding": "12px",

build/json/darkBlueMediumDensityTheme/theme.json

@@ -169,3 +169,3 @@ {
     "basics.fontWeights.medium": 600,
-    "basics.fontWeights.bold": 700,
+    "basics.fontWeights.bold": 800,
     "basics.lineHeights.small": "1.3",
@@ -198,3 +198,3 @@ "basics.lineHeights.medium": "1.4",
     "basics.spacings.lowExtraExtraLarge": "64px",
-    "colorScheme.accentColor": "#0696d7",
+    "colorScheme.accentColor": "#38abdf",
     "colorScheme.baseColor": "#808080",
@@ -224,6 +224,7 @@ "colorScheme.highShadowColor": "rgba(26, 31, 38, 0.5)",
     "density.fontSizes.extraExtraLarge": "28px",
+    "component.disabled.opacity": "0.5",
     "button.borderRadius": "2px",
     "button.borderWidth": "1px",
-    "button.fontWeight": 400,
-    "button.lineHeight": "1.4",
+    "button.fontWeight": 600,
+    "button.lineHeight": "18px",
     "button.fontFamily": "ArtifaktElement, sans-serif",
@@ -238,11 +239,10 @@ "button.fontSize": "14px",
     "button.hover.halo.width": "2px",
-    "button.hover.halo.color": "#808080",
+    "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
     "button.focus.halo.width": "2px",
-    "button.focus.halo.color": "#0696d7",
+    "button.focus.halo.color": "rgba(56, 171, 223, 0.15)",
     "button.pressed.halo.width": "4px",
-    "button.pressed.halo.color": "#0696d7",
-    "button.disabled.halo.width": "0",
-    "button.disabled.halo.color": "rgba(255, 255, 255, 0)",
+    "button.pressed.halo.color": "rgba(56, 171, 223, 0.15)",
+    "button.disabled.opacity": "0.5",
     "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.borderColor": "#ffffff",
+    "button.outline.borderColor": "rgba(255, 255, 255, 0.5)",
     "button.outline.halo.color": "#bbbbbb",
@@ -252,4 +252,4 @@ "button.outline.textColor": "#f5f5f5",
     "button.outline.hover.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.hover.borderColor": "#ffffff",
-    "button.outline.hover.halo.color": "rgba(255, 255, 255, 0.2)",
+    "button.outline.hover.borderColor": "rgba(255, 255, 255, 0.5)",
+    "button.outline.hover.halo.color": "rgba(255, 255, 255, 0.15)",
     "button.outline.hover.textColor": "#f5f5f5",
@@ -259,3 +259,3 @@ "button.outline.hover.icon.color": "#f5f5f5",
     "button.outline.focus.borderColor": "#38abdf",
-    "button.outline.focus.halo.color": "rgba(56, 171, 223, 0.2)",
+    "button.outline.focus.halo.color": "rgba(56, 171, 223, 0.5)",
     "button.outline.focus.textColor": "#f5f5f5",
@@ -266,23 +266,18 @@ "button.outline.focus.icon.color": "#f5f5f5",
     "button.outline.pressed.borderColor": "#38abdf",
-    "button.outline.pressed.halo.color": "rgba(56, 171, 223, 0.2)",
+    "button.outline.pressed.halo.color": "rgba(56, 171, 223, 0.5)",
     "button.outline.pressed.textColor": "#f5f5f5",
     "button.outline.pressed.icon.color": "#f5f5f5",
-    "button.outline.disabled.backgroundColor": "rgba(255, 255, 255, 0.2)",
-    "button.outline.disabled.borderColor": "rgba(255, 255, 255, 0.2)",
-    "button.outline.disabled.halo.color": "rgba(255, 255, 255, 0.2)",
-    "button.outline.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-    "button.outline.disabled.textColor": "rgba(245, 245, 245, 0.2)",
     "button.solid.backgroundColor": "#0696d7",
-    "button.solid.borderColor": "#0696d7",
+    "button.solid.borderColor": "#38abdf",
     "button.solid.halo.color": "#808080",
     "button.solid.textColor": "#f5f5f5",
     "button.solid.icon.color": "#f5f5f5",
-    "button.solid.hover.backgroundColor": "#0696d7",
-    "button.solid.hover.borderColor": "#0696d7",
-    "button.solid.hover.halo.color": "rgba(255, 255, 255, 0.2)",
+    "button.solid.hover.backgroundColor": "#38abdf",
+    "button.solid.hover.borderColor": "#38abdf",
+    "button.solid.hover.halo.color": "rgba(255, 255, 255, 0.15)",
     "button.solid.hover.textColor": "#f5f5f5",
     "button.solid.hover.icon.color": "#f5f5f5",
-    "button.solid.focus.backgroundColor": "#0696d7",
-    "button.solid.focus.borderColor": "#0696d7",
-    "button.solid.focus.halo.color": "rgba(56, 171, 223, 0.4)",
+    "button.solid.focus.backgroundColor": "#38abdf",
+    "button.solid.focus.borderColor": "#38abdf",
+    "button.solid.focus.halo.color": "#38abdf",
     "button.solid.focus.textColor": "#f5f5f5",
@@ -292,58 +287,81 @@ "button.solid.focus.icon.color": "#f5f5f5",
     "button.solid.pressed.backgroundColor": "#0696d7",
-    "button.solid.pressed.borderColor": "#0696d7",
-    "button.solid.pressed.halo.color": "rgba(56, 171, 223, 0.2)",
+    "button.solid.pressed.borderColor": "#38abdf",
+    "button.solid.pressed.halo.color": "rgba(56, 171, 223, 0.5)",
     "button.solid.pressed.textColor": "#f5f5f5",
     "button.solid.pressed.icon.color": "#f5f5f5",
-    "button.solid.disabled.backgroundColor": "rgba(6, 150, 215, 0.4)",
-    "button.solid.disabled.borderColor": "#0696d7",
-    "button.solid.disabled.halo.color": "rgba(255, 255, 255, 0)",
-    "button.solid.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-    "button.solid.disabled.textColor": "rgba(245, 245, 245, 0.2)",
     "button.flat.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.borderColor": "rgba(255, 255, 255, 0)",
     "button.flat.halo.color": "#808080",
-    "button.flat.textColor": "#9bd5ef",
-    "button.flat.icon.color": "#9bd5ef",
+    "button.flat.textColor": "#6DD2FF",
+    "button.flat.icon.color": "#6DD2FF",
     "button.flat.hover.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.hover.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.hover.halo.color": "rgba(255, 255, 255, 0.2)",
-    "button.flat.hover.textColor": "#9bd5ef",
-    "button.flat.hover.icon.color": "#9bd5ef",
+    "button.flat.hover.halo.color": "rgba(255, 255, 255, 0.15)",
+    "button.flat.hover.textColor": "#6DD2FF",
+    "button.flat.hover.icon.color": "#6DD2FF",
     "button.flat.focus.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.focus.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.focus.halo.color": "rgba(56, 171, 223, 0.2)",
-    "button.flat.focus.textColor": "#9bd5ef",
-    "button.flat.focus.icon.color": "#9bd5ef",
+    "button.flat.focus.halo.color": "rgba(56, 171, 223, 0.5)",
+    "button.flat.focus.textColor": "#6DD2FF",
+    "button.flat.focus.icon.color": "#6DD2FF",
     "button.flat.pressed.haloWidth": "4px",
     "button.flat.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.pressed.halo.color": "rgba(56, 171, 223, 0.2)",
-    "button.flat.pressed.textColor": "#9bd5ef",
-    "button.flat.pressed.icon.color": "#9bd5ef",
-    "button.flat.disabled.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.halo.color": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.textColor": "rgba(155, 213, 239, 0.4)",
-    "button.flat.disabled.icon.color": "rgba(5, 113, 161, 0.4)",
+    "button.flat.pressed.halo.color": "rgba(56, 171, 223, 0.5)",
+    "button.flat.pressed.textColor": "#6DD2FF",
+    "button.flat.pressed.icon.color": "#6DD2FF",
+    "avatar.fontWeight": 400,
+    "avatar.fontColorOnDark": "#ffffff",
+    "avatar.fontColorOnLight": "#3c3c3c",
+    "avatar.extraSmall.fontSize": "11px",
+    "avatar.extraSmall.diameter": "16px",
+    "avatar.small.fontSize": "12px",
+    "avatar.small.diameter": "24px",
+    "avatar.medium.fontSize": "14px",
+    "avatar.medium.diameter": "32px",
+    "avatar.large.fontSize": "24px",
+    "avatar.large.diameter": "48px",
+    "avatar.extraLarge.fontSize": "30px",
+    "avatar.extraLarge.diameter": "64px",
+    "avatar.color1.backgroundColor": "#6ac0e7",
+    "avatar.color1.fontColor": "#3c3c3c",
+    "avatar.color2.backgroundColor": "#1858a8",
+    "avatar.color2.fontColor": "#ffffff",
+    "avatar.color3.backgroundColor": "#5d822c",
+    "avatar.color3.fontColor": "#ffffff",
+    "avatar.color4.backgroundColor": "#ff9582",
+    "avatar.color4.fontColor": "#3c3c3c",
+    "avatar.color5.backgroundColor": "#7993b0",
+    "avatar.color5.fontColor": "#ffffff",
+    "avatar.color6.backgroundColor": "#5bc9bd",
+    "avatar.color6.fontColor": "#3c3c3c",
+    "avatar.color7.backgroundColor": "#faa21b",
+    "avatar.color7.fontColor": "#3c3c3c",
     "checkbox.backgroundColor": "#3b4453",
-    "checkbox.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.borderColor": "#ffffff",
     "checkbox.borderWidth": "1px",
-    "checkbox.borderRadius": "0",
-    "checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
-    "checkbox.halo.width": "0",
-    "checkbox.labelSpacing": "12px",
-    "checkbox.hover.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.hover.halo.width": "4px",
-    "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
-    "checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.25)",
-    "checkbox.focus.halo.width": "4px",
-    "checkbox.active.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
-    "checkbox.active.halo.width": "4px",
+    "checkbox.borderRadius": 0,
+    "checkbox.halo.color": "rgba(128, 128, 128, 0.4)",
+    "checkbox.halo.width": "2px",
+    "checkbox.height": "16px",
+    "checkbox.iconColor": "#3b4453",
+    "checkbox.width": "16px",
+    "checkbox.hover.borderColor": "rgb(255, 255, 255)",
+    "checkbox.hover.halo.width": "2px",
+    "checkbox.hover.halo.color": "rgba(255, 255, 255, 0.4)",
+    "checkbox.focus.borderColor": "rgb(255, 255, 255)",
+    "checkbox.focus.halo.color": "rgba(56, 171, 223, 0.4)",
+    "checkbox.focus.halo.width": "2px",
+    "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.pressed.halo.color": "rgba(56, 171, 223, 0.4)",
+    "checkbox.pressed.halo.width": "4px",
     "checkbox.checked.borderColor": "#808080",
     "checkbox.checked.iconColor": "#ffffff",
-    "checkbox.checked.backgroundColor": "#808080",
-    "checkbox.disabled.borderColor": "#808080",
-    "checkbox.disabled.checked.backgroundColor": "#808080",
+    "checkbox.checked.backgroundColor": "#ffffff",
+    "checkbox.indeterminate.borderColor": "#808080",
+    "checkbox.indeterminate.iconColor": "#ffffff",
+    "checkbox.indeterminate.backgroundColor": "#ffffff",
+    "checkbox.focus.checked.backgroundColor": "#3b4453",
+    "checkbox.focus.checked.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.focus.indeterminate.borderColor": "rgba(128, 128, 128, 0.5)",
     "formField.instructionalText.fontSize": "12px",
@@ -367,5 +385,5 @@ "formField.instructionalText.fontWeight": 400,
     "input.borderRadius": "0",
-    "input.borderColor": "#808080",
+    "input.borderColor": "rgb(34, 41, 51)",
     "input.borderWidth": "1px",
-    "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+    "input.borderBottomColor": "rgba(255, 255, 255, 0.35)",
     "input.borderBottomWidth": "1px",
@@ -376,2 +394,3 @@ "input.fontColor": "#f5f5f5",
     "input.fontSize": "14px",
+    "input.height": "28px",
     "input.lineHeight": "1.4",
@@ -382,11 +401,12 @@ "input.halo.color": "rgba(128, 128, 128, 0.15)",
     "input.placeholder.fontColor": "rgba(245, 245, 245, 0.6)",
-    "input.hover.borderBottomColor": "#808080",
+    "input.hover.borderBottomColor": "rgba(255, 255, 255, 0.75)",
     "input.hover.halo.width": "4px",
-    "input.focus.borderBottomColor": "#0696d7",
+    "input.focus.borderBottomColor": "#38abdf",
     "input.focus.halo.width": "4px",
-    "input.focus.halo.color": "rgba(6, 150, 215, 0.25)",
+    "input.focus.halo.color": "rgba(56, 171, 223, 0.35)",
     "input.active.halo.width": "4px",
-    "input.active.halo.color": "rgba(6, 150, 215, 0.25)",
-    "input.disabled.borderColor": "#808080",
-    "input.disabled.fontColor": "rgba(245, 245, 245, 0.2)",
+    "input.active.halo.color": "rgba(56, 171, 223, 0.35)",
+    "input.disabled.opacity": 0.5,
+    "input.box.borderBottomColor": "rgb(34, 41, 51)",
+    "input.box.backgroundColor": "#222933",
     "skeletonItem.borderRadius": "2px",
@@ -397,3 +417,28 @@ "skeletonItem.defaultHeight": "16px",
     "textArea.minHeight": "250px",
-    "textArea.borderColor": "#808080",
+    "textArea.borderColor": "rgb(34, 41, 51)",
+    "typography.body.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.body.fontWeight": 400,
+    "typography.body.fontSize": "14px",
+    "typography.body.lineHeight": "1.3",
+    "typography.body.color": "#f5f5f5",
+    "typography.caption.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.caption.fontWeight": 400,
+    "typography.caption.fontSize": "12px",
+    "typography.caption.lineHeight": "1.3",
+    "typography.caption.color": "#f5f5f5",
+    "typography.h1.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h1.fontWeight": 400,
+    "typography.h1.fontSize": "28px",
+    "typography.h1.lineHeight": "1.5",
+    "typography.h1.color": "#f5f5f5",
+    "typography.h2.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h2.fontWeight": 400,
+    "typography.h2.fontSize": "24px",
+    "typography.h2.lineHeight": "1.3",
+    "typography.h2.color": "#f5f5f5",
+    "typography.h3.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h3.fontWeight": 600,
+    "typography.h3.fontSize": "20px",
+    "typography.h3.lineHeight": "1.4",
+    "typography.h3.color": "#f5f5f5",
     "label.fontSize": "12px",
@@ -405,3 +450,2 @@ "label.fontWeight": 400,
     "label.hover.fontColor": "rgba(245, 245, 245, 0.6)",
-    "label.disabled.fontColor": "rgba(245, 245, 245, 0.2)",
     "menu.backgroundColor": "#3b4453",
@@ -413,3 +457,3 @@ "menu.borderRadius": "2px",
     "menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
-    "menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",
+    "menu.item.active.backgroundColor": "rgba(56, 171, 223, 0.1)",
     "menu.item.horizontalPadding": "8px",
@@ -416,0 +460,0 @@ "menu.item.verticalPadding": "12px",

build/json/darkBlueMediumDensityTheme/unresolvedRoles.json

@@ -627,3 +627,3 @@ {
   "basics.fontWeights.bold": {
-    "value": 700,
+    "value": 800,
     "type": "fontWeight"
@@ -742,3 +742,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "basics.colors.autodeskBlue400"
     }
@@ -899,2 +899,6 @@ },
   },
+  "component.disabled.opacity": {
+    "type": "opacity",
+    "value": "0.5"
+  },
   "button.borderRadius": {
@@ -915,3 +919,3 @@ "type": "borderRadius",
     "value": {
-      "ref": "basics.fontWeights.regular"
+      "ref": "basics.fontWeights.medium"
     }
@@ -921,5 +925,3 @@ },
     "type": "lineHeight",
-    "value": {
-      "ref": "basics.lineHeights.medium"
-    }
+    "value": "18px"
   },
@@ -966,3 +968,3 @@ "button.fontFamily": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -977,3 +979,6 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.15
     }
@@ -988,3 +993,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.15
     }
@@ -999,18 +1007,12 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    }
-  },
-  "button.disabled.halo.width": {
-    "type": "length",
-    "value": "0"
-  },
-  "button.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.white"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0
+      "alpha": 0.15
     }
   },
+  "button.disabled.opacity": {
+    "type": "opacity",
+    "value": "0.5"
+  },
   "button.outline.backgroundColor": {
@@ -1029,2 +1031,5 @@ "type": "color",
       "ref": "basics.colors.white"
+    },
+    "transform": {
+      "alpha": 0.5
     }
@@ -1041,3 +1046,3 @@ },
     "value": {
-      "ref": "basics.colors.textAgainstDark"
+      "ref": "colorScheme.textColor"
     }
@@ -1048,3 +1053,3 @@ },
     "value": {
-      "ref": "basics.colors.textAgainstDark"
+      "ref": "colorScheme.textColor"
     }
@@ -1070,3 +1075,3 @@ },
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.15
     }
@@ -1095,3 +1100,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
+      "ref": "colorScheme.accentColor"
     }
@@ -1102,6 +1107,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.5
     }
@@ -1134,3 +1139,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
+      "ref": "colorScheme.accentColor"
     }
@@ -1141,6 +1146,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.5
     }
@@ -1160,47 +1165,2 @@ },
   },
-  "button.outline.disabled.backgroundColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.backgroundColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.borderColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.borderColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.disabled.halo.color"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.icon.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.icon.color"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.textColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.textColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "button.solid.backgroundColor": {
@@ -1215,3 +1175,3 @@ "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1240,3 +1200,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1256,3 +1216,3 @@ },
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.15
     }
@@ -1275,3 +1235,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1288,6 +1248,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "colorScheme.accentColor"
     }
@@ -1326,6 +1283,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.5
     }
@@ -1345,44 +1302,2 @@ },
   },
-  "button.solid.disabled.backgroundColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.solid.backgroundColor"
-    },
-    "transform": {
-      "alpha": 0.4
-    }
-  },
-  "button.solid.disabled.borderColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.solid.borderColor",
-      "transform": {
-        "alpha": 0.2
-      }
-    }
-  },
-  "button.solid.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.disabled.halo.color"
-    }
-  },
-  "button.solid.disabled.icon.color": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.textAgainstDark"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.solid.disabled.textColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.solid.textColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "button.flat.backgroundColor": {
@@ -1414,11 +1329,7 @@ "type": "color",
     "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue200"
-    }
+    "value": "#6DD2FF"
   },
   "button.flat.icon.color": {
     "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue200"
-    }
+    "value": "#6DD2FF"
   },
@@ -1443,3 +1354,3 @@ "button.flat.hover.backgroundColor": {
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.15
     }
@@ -1474,6 +1385,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.5
     }
@@ -1512,6 +1423,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue400"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0.2
+      "alpha": 0.5
     }
@@ -1531,47 +1442,144 @@ },
   },
-  "button.flat.disabled.backgroundColor": {
+  "avatar.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "avatar.fontColorOnDark": {
     "type": "color",
     "value": {
-      "ref": "button.flat.backgroundColor",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.white"
     }
   },
-  "button.flat.disabled.borderColor": {
+  "avatar.fontColorOnLight": {
     "type": "color",
     "value": {
-      "ref": "button.flat.borderColor",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.textAgainstLight"
     }
   },
-  "button.flat.disabled.halo.color": {
+  "avatar.extraSmall.fontSize": {
+    "type": "fontSize",
+    "value": "11px"
+  },
+  "avatar.extraSmall.diameter": {
+    "type": "length",
+    "value": "16px"
+  },
+  "avatar.small.fontSize": {
+    "type": "fontSize",
+    "value": "12px"
+  },
+  "avatar.small.diameter": {
+    "type": "length",
+    "value": "24px"
+  },
+  "avatar.medium.fontSize": {
+    "type": "fontSize",
+    "value": "14px"
+  },
+  "avatar.medium.diameter": {
+    "type": "length",
+    "value": "32px"
+  },
+  "avatar.large.fontSize": {
+    "type": "fontSize",
+    "value": "24px"
+  },
+  "avatar.large.diameter": {
+    "type": "length",
+    "value": "48px"
+  },
+  "avatar.extraLarge.fontSize": {
+    "type": "fontSize",
+    "value": "30px"
+  },
+  "avatar.extraLarge.diameter": {
+    "type": "length",
+    "value": "64px"
+  },
+  "avatar.color1.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "button.disabled.halo.color",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.autodeskBlue300"
     }
   },
-  "button.flat.disabled.textColor": {
+  "avatar.color1.fontColor": {
     "type": "color",
     "value": {
-      "ref": "button.flat.textColor"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "avatar.fontColorOnLight"
     }
   },
-  "button.flat.disabled.icon.color": {
+  "avatar.color2.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue700"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "basics.colors.darkBlue600"
     }
   },
+  "avatar.color2.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color3.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.green700"
+    }
+  },
+  "avatar.color3.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color4.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.salmon400"
+    }
+  },
+  "avatar.color4.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
+  "avatar.color5.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.slate500"
+    }
+  },
+  "avatar.color5.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color6.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.turquoise400"
+    }
+  },
+  "avatar.color6.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
+  "avatar.color7.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.yellowOrange500"
+    }
+  },
+  "avatar.color7.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
   "checkbox.backgroundColor": {
@@ -1585,7 +1593,4 @@ "type": "color",
     "type": "color",
-    "transform": {
-      "alpha": 0.5
-    },
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "basics.colors.white"
     }
@@ -1595,11 +1600,7 @@ },
     "type": "borderWidth",
-    "value": {
-      "ref": "input.borderBottomWidth"
-    }
+    "value": "1px"
   },
   "checkbox.borderRadius": {
     "type": "borderRadius",
-    "value": {
-      "ref": "basics.borderRadii.small"
-    }
+    "value": 0
   },
@@ -1609,3 +1610,6 @@ "checkbox.halo.color": {
     "value": {
-      "ref": "input.halo.color"
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.4
     }
@@ -1615,19 +1619,25 @@ },
     "type": "length",
-    "value": {
-      "ref": "input.halo.width"
-    }
+    "value": "2px"
   },
-  "checkbox.labelSpacing": {
+  "checkbox.height": {
     "type": "length",
+    "value": "16px"
+  },
+  "checkbox.iconColor": {
+    "type": "color",
     "value": {
-      "ref": "density.spacings.small"
+      "ref": "colorScheme.surfaceLevel200Color"
     }
   },
+  "checkbox.width": {
+    "type": "length",
+    "value": "16px"
+  },
   "checkbox.hover.borderColor": {
     "type": "color",
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "basics.colors.white"
     },
     "transform": {
-      "alpha": 0.5
+      "alpha": 1
     }
@@ -1638,3 +1648,3 @@ },
     "value": {
-      "ref": "input.hover.halo.width"
+      "ref": "checkbox.halo.width"
     }
@@ -1645,3 +1655,6 @@ },
     "value": {
-      "ref": "input.halo.color"
+      "ref": "basics.colors.white"
+    },
+    "transform": {
+      "alpha": 0.4
     }
@@ -1652,6 +1665,6 @@ },
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "basics.colors.white"
     },
     "transform": {
-      "alpha": 0.5
+      "alpha": 1
     }
@@ -1662,3 +1675,6 @@ },
     "value": {
-      "ref": "input.focus.halo.color"
+      "ref": "basics.colors.autodeskBlue400"
+    },
+    "transform": {
+      "alpha": 0.4
     }
@@ -1669,6 +1685,6 @@ },
     "value": {
-      "ref": "input.focus.halo.width"
+      "ref": "checkbox.halo.width"
     }
   },
-  "checkbox.active.borderColor": {
+  "checkbox.pressed.borderColor": {
     "type": "color",
@@ -1682,13 +1698,14 @@ "value": {
   },
-  "checkbox.active.halo.color": {
+  "checkbox.pressed.halo.color": {
     "type": "color",
     "value": {
-      "ref": "input.active.halo.color"
+      "ref": "basics.colors.autodeskBlue400"
+    },
+    "transform": {
+      "alpha": 0.4
     }
   },
-  "checkbox.active.halo.width": {
+  "checkbox.pressed.halo.width": {
     "type": "length",
-    "value": {
-      "ref": "input.active.halo.width"
-    }
+    "value": "4px"
   },
@@ -1710,20 +1727,47 @@ "checkbox.checked.borderColor": {
     "value": {
+      "ref": "basics.colors.white"
+    }
+  },
+  "checkbox.indeterminate.borderColor": {
+    "type": "color",
+    "value": {
       "ref": "colorScheme.baseColor"
     }
   },
-  "checkbox.disabled.borderColor": {
+  "checkbox.indeterminate.iconColor": {
     "type": "color",
     "value": {
-      "ref": "input.disabled.borderColor"
+      "ref": "basics.colors.white"
     }
   },
-  "checkbox.disabled.checked.backgroundColor": {
+  "checkbox.indeterminate.backgroundColor": {
     "type": "color",
     "value": {
+      "ref": "basics.colors.white"
+    }
+  },
+  "checkbox.focus.checked.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "checkbox.backgroundColor"
+    }
+  },
+  "checkbox.focus.checked.borderColor": {
+    "type": "color",
+    "value": {
       "ref": "colorScheme.baseColor"
     },
     "transform": {
-      "alhpa": 0.5
+      "alpha": 0.5
     }
   },
+  "checkbox.focus.indeterminate.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.5
+    }
+  },
   "formField.instructionalText.fontSize": {
@@ -1818,11 +1862,7 @@ "type": "fontSize",
     "type": "length",
-    "value": {
-      "ref": "density.spacings.extraSmall"
-    }
+    "value": "8px"
   },
   "input.verticalPadding": {
     "type": "length",
-    "value": {
-      "ref": "density.spacings.extraExtraSmall"
-    }
+    "value": "4px"
   },
@@ -1838,3 +1878,6 @@ "input.borderRadius": {
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "input.box.backgroundColor"
+    },
+    "transform": {
+      "alpha": 1
     }
@@ -1851,6 +1894,6 @@ },
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "basics.colors.white"
     },
     "transform": {
-      "alpha": 0.5
+      "alpha": 0.35
     }
@@ -1888,2 +1931,6 @@ },
   },
+  "input.height": {
+    "type": "length",
+    "value": "28px"
+  },
   "input.lineHeight": {
@@ -1925,3 +1972,6 @@ "type": "lineHeight",
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "basics.colors.white"
+    },
+    "transform": {
+      "alpha": 0.75
     }
@@ -1953,3 +2003,3 @@ },
     "transform": {
-      "alpha": 0.25
+      "alpha": 0.35
     }
@@ -1969,18 +2019,22 @@ },
     "transform": {
-      "alpha": 0.25
+      "alpha": 0.35
     }
   },
-  "input.disabled.borderColor": {
+  "input.disabled.opacity": {
+    "type": "opacity",
+    "value": 0.5
+  },
+  "input.box.borderBottomColor": {
     "type": "color",
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "input.box.backgroundColor"
+    },
+    "transform": {
+      "alpha": 1
     }
   },
-  "input.disabled.fontColor": {
+  "input.box.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "colorScheme.textColor"
-    },
-    "transform": {
-      "alpha": 0.2
+      "ref": "colorScheme.surfaceLevel300Color"
     }
@@ -2028,2 +2082,152 @@ },
   },
+  "typography.body.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.body.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.body.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.medium"
+    }
+  },
+  "typography.body.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.body.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.caption.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.caption.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.caption.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.small"
+    }
+  },
+  "typography.caption.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.caption.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h1.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h1.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.h1.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.extraExtraLarge"
+    }
+  },
+  "typography.h1.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.large"
+    }
+  },
+  "typography.h1.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h2.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h2.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.h2.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.extraLarge"
+    }
+  },
+  "typography.h2.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.h2.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h3.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h3.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.medium"
+    }
+  },
+  "typography.h3.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.large"
+    }
+  },
+  "typography.h3.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.medium"
+    }
+  },
+  "typography.h3.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
   "label.fontSize": {
@@ -2071,11 +2275,2 @@ "type": "fontSize",
   },
-  "label.disabled.fontColor": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.textAgainstDark"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "menu.backgroundColor": {
@@ -2082,0 +2277,0 @@ "type": "color",

build/json/lightGrayHighDensityTheme/resolvedRoles.json

@@ -158,3 +158,3 @@ {
   "basics.fontWeights.medium": 600,
-  "basics.fontWeights.bold": 700,
+  "basics.fontWeights.bold": 800,
   "basics.lineHeights.small": "1.3",
@@ -212,6 +212,7 @@ "basics.lineHeights.medium": "1.4",
   "density.fontSizes.extraExtraLarge": "24px",
+  "component.disabled.opacity": "0.5",
   "button.borderRadius": "2px",
   "button.borderWidth": "1px",
-  "button.fontWeight": 400,
-  "button.lineHeight": "1.4",
+  "button.fontWeight": 600,
+  "button.lineHeight": "14px",
   "button.fontFamily": "ArtifaktElement, sans-serif",
@@ -226,11 +227,10 @@ "button.fontSize": "12px",
   "button.hover.halo.width": "2px",
-  "button.hover.halo.color": "#808080",
+  "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
   "button.focus.halo.width": "2px",
-  "button.focus.halo.color": "#0696d7",
+  "button.focus.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.pressed.halo.width": "4px",
-  "button.pressed.halo.color": "#0696d7",
-  "button.disabled.halo.width": "0",
-  "button.disabled.halo.color": "rgba(255, 255, 255, 0)",
+  "button.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
+  "button.disabled.opacity": "0.5",
   "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.borderColor": "#808080",
+  "button.outline.borderColor": "rgba(128, 128, 128, 0.5)",
   "button.outline.halo.color": "#bbbbbb",
@@ -240,4 +240,4 @@ "button.outline.textColor": "#3c3c3c",
   "button.outline.hover.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.hover.borderColor": "#808080",
-  "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+  "button.outline.hover.borderColor": "rgba(128, 128, 128, 0.5)",
+  "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.15)",
   "button.outline.hover.textColor": "#3c3c3c",
@@ -247,3 +247,3 @@ "button.outline.hover.icon.color": "#3c3c3c",
   "button.outline.focus.borderColor": "#0696d7",
-  "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+  "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.outline.focus.textColor": "#3c3c3c",
@@ -254,10 +254,5 @@ "button.outline.focus.icon.color": "#3c3c3c",
   "button.outline.pressed.borderColor": "#0696d7",
-  "button.outline.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+  "button.outline.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.outline.pressed.textColor": "#3c3c3c",
   "button.outline.pressed.icon.color": "#3c3c3c",
-  "button.outline.disabled.backgroundColor": "rgba(255, 255, 255, 0.2)",
-  "button.outline.disabled.borderColor": "rgba(128, 128, 128, 0.2)",
-  "button.outline.disabled.halo.color": "rgba(255, 255, 255, 0.2)",
-  "button.outline.disabled.icon.color": "rgba(60, 60, 60, 0.2)",
-  "button.outline.disabled.textColor": "rgba(60, 60, 60, 0.2)",
   "button.solid.backgroundColor": "#0696d7",
@@ -270,3 +265,3 @@ "button.solid.borderColor": "#0696d7",
   "button.solid.hover.borderColor": "#0696d7",
-  "button.solid.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+  "button.solid.hover.halo.color": "rgba(128, 128, 128, 0.15)",
   "button.solid.hover.textColor": "#f5f5f5",
@@ -276,3 +271,3 @@ "button.solid.hover.icon.color": "#f5f5f5",
   "button.solid.focus.borderColor": "#0696d7",
-  "button.solid.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+  "button.solid.focus.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.solid.focus.textColor": "#f5f5f5",
@@ -283,57 +278,80 @@ "button.solid.focus.icon.color": "#f5f5f5",
   "button.solid.pressed.borderColor": "#0696d7",
-  "button.solid.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+  "button.solid.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.solid.pressed.textColor": "#f5f5f5",
   "button.solid.pressed.icon.color": "#f5f5f5",
-  "button.solid.disabled.backgroundColor": "rgba(6, 150, 215, 0.4)",
-  "button.solid.disabled.borderColor": "#0696d7",
-  "button.solid.disabled.halo.color": "rgba(255, 255, 255, 0)",
-  "button.solid.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-  "button.solid.disabled.textColor": "rgba(245, 245, 245, 0.2)",
   "button.flat.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.borderColor": "rgba(255, 255, 255, 0)",
   "button.flat.halo.color": "#808080",
-  "button.flat.textColor": "#0571a1",
-  "button.flat.icon.color": "#0571a1",
+  "button.flat.textColor": "#006EAF",
+  "button.flat.icon.color": "#006EAF",
   "button.flat.hover.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.hover.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.4)",
-  "button.flat.hover.textColor": "#0571a1",
-  "button.flat.hover.icon.color": "#0571a1",
+  "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.15)",
+  "button.flat.hover.textColor": "#006EAF",
+  "button.flat.hover.icon.color": "#006EAF",
   "button.flat.focus.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.focus.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.4)",
-  "button.flat.focus.textColor": "#0571a1",
-  "button.flat.focus.icon.color": "#0571a1",
+  "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.15)",
+  "button.flat.focus.textColor": "#006EAF",
+  "button.flat.focus.icon.color": "#006EAF",
   "button.flat.pressed.haloWidth": "4px",
   "button.flat.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
-  "button.flat.pressed.textColor": "#0571a1",
-  "button.flat.pressed.icon.color": "#0571a1",
-  "button.flat.disabled.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.halo.color": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.textColor": "rgba(5, 113, 161, 0.4)",
-  "button.flat.disabled.icon.color": "rgba(5, 113, 161, 0.4)",
+  "button.flat.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
+  "button.flat.pressed.textColor": "#006EAF",
+  "button.flat.pressed.icon.color": "#006EAF",
+  "avatar.fontWeight": 400,
+  "avatar.fontColorOnDark": "#ffffff",
+  "avatar.fontColorOnLight": "#3c3c3c",
+  "avatar.extraSmall.fontSize": "11px",
+  "avatar.extraSmall.diameter": "16px",
+  "avatar.small.fontSize": "12px",
+  "avatar.small.diameter": "24px",
+  "avatar.medium.fontSize": "14px",
+  "avatar.medium.diameter": "32px",
+  "avatar.large.fontSize": "24px",
+  "avatar.large.diameter": "48px",
+  "avatar.extraLarge.fontSize": "30px",
+  "avatar.extraLarge.diameter": "64px",
+  "avatar.color1.backgroundColor": "#6ac0e7",
+  "avatar.color1.fontColor": "#3c3c3c",
+  "avatar.color2.backgroundColor": "#1858a8",
+  "avatar.color2.fontColor": "#ffffff",
+  "avatar.color3.backgroundColor": "#5d822c",
+  "avatar.color3.fontColor": "#ffffff",
+  "avatar.color4.backgroundColor": "#ff9582",
+  "avatar.color4.fontColor": "#3c3c3c",
+  "avatar.color5.backgroundColor": "#7993b0",
+  "avatar.color5.fontColor": "#ffffff",
+  "avatar.color6.backgroundColor": "#5bc9bd",
+  "avatar.color6.fontColor": "#3c3c3c",
+  "avatar.color7.backgroundColor": "#faa21b",
+  "avatar.color7.fontColor": "#3c3c3c",
   "checkbox.backgroundColor": "#ffffff",
-  "checkbox.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.borderColor": "#808080",
   "checkbox.borderWidth": "1px",
-  "checkbox.borderRadius": "0",
-  "checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
-  "checkbox.halo.width": "0",
-  "checkbox.labelSpacing": "8px",
+  "checkbox.borderRadius": 0,
+  "checkbox.halo.color": "rgba(128, 128, 128, 0.4)",
+  "checkbox.halo.width": "2px",
+  "checkbox.height": "12px",
+  "checkbox.iconColor": "#ffffff",
+  "checkbox.width": "12px",
   "checkbox.hover.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.hover.halo.width": "4px",
-  "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
+  "checkbox.hover.halo.width": "2px",
+  "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.4)",
   "checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.25)",
-  "checkbox.focus.halo.width": "4px",
-  "checkbox.active.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
-  "checkbox.active.halo.width": "4px",
+  "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+  "checkbox.focus.halo.width": "2px",
+  "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+  "checkbox.pressed.halo.width": "4px",
   "checkbox.checked.borderColor": "#808080",
   "checkbox.checked.iconColor": "#ffffff",
   "checkbox.checked.backgroundColor": "#808080",
-  "checkbox.disabled.borderColor": "#808080",
-  "checkbox.disabled.checked.backgroundColor": "#808080",
+  "checkbox.indeterminate.borderColor": "#808080",
+  "checkbox.indeterminate.iconColor": "#ffffff",
+  "checkbox.indeterminate.backgroundColor": "#808080",
+  "checkbox.focus.checked.backgroundColor": "#ffffff",
+  "checkbox.focus.checked.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.focus.indeterminate.borderColor": "rgba(128, 128, 128, 0.5)",
   "formField.instructionalText.fontSize": "11px",
@@ -354,8 +372,8 @@ "formField.instructionalText.fontWeight": 400,
   "input.horizontalPadding": "0",
-  "input.boxType.horizontalPadding": "4px",
-  "input.verticalPadding": "2px",
+  "input.boxType.horizontalPadding": "8px",
+  "input.verticalPadding": "4px",
   "input.borderRadius": "0",
-  "input.borderColor": "#808080",
+  "input.borderColor": "rgba(128, 128, 128, 0.2)",
   "input.borderWidth": "1px",
-  "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+  "input.borderBottomColor": "rgba(128, 128, 128, 0.35)",
   "input.borderBottomWidth": "1px",
@@ -366,2 +384,3 @@ "input.fontColor": "#3c3c3c",
   "input.fontSize": "12px",
+  "input.height": "24px",
   "input.lineHeight": "1.4",
@@ -379,4 +398,5 @@ "input.halo.color": "rgba(128, 128, 128, 0.15)",
   "input.active.halo.color": "rgba(6, 150, 215, 0.25)",
-  "input.disabled.borderColor": "#808080",
-  "input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
+  "input.disabled.opacity": 0.5,
+  "input.box.borderBottomColor": "rgba(128, 128, 128, 0.2)",
+  "input.box.backgroundColor": "#ffffff",
   "skeletonItem.borderRadius": "2px",
@@ -387,3 +407,28 @@ "skeletonItem.defaultHeight": "12px",
   "textArea.minHeight": "250px",
-  "textArea.borderColor": "#808080",
+  "textArea.borderColor": "rgba(128, 128, 128, 0.2)",
+  "typography.body.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.body.fontWeight": 400,
+  "typography.body.fontSize": "12px",
+  "typography.body.lineHeight": "1.3",
+  "typography.body.color": "#3c3c3c",
+  "typography.caption.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.caption.fontWeight": 400,
+  "typography.caption.fontSize": "11px",
+  "typography.caption.lineHeight": "1.3",
+  "typography.caption.color": "#3c3c3c",
+  "typography.h1.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h1.fontWeight": 400,
+  "typography.h1.fontSize": "24px",
+  "typography.h1.lineHeight": "1.5",
+  "typography.h1.color": "#3c3c3c",
+  "typography.h2.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h2.fontWeight": 400,
+  "typography.h2.fontSize": "20px",
+  "typography.h2.lineHeight": "1.3",
+  "typography.h2.color": "#3c3c3c",
+  "typography.h3.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h3.fontWeight": 600,
+  "typography.h3.fontSize": "16px",
+  "typography.h3.lineHeight": "1.4",
+  "typography.h3.color": "#3c3c3c",
   "label.fontSize": "11px",
@@ -395,3 +440,2 @@ "label.fontWeight": 400,
   "label.hover.fontColor": "rgba(60, 60, 60, 0.6)",
-  "label.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
   "menu.backgroundColor": "#ffffff",
@@ -398,0 +442,0 @@ "menu.borderRadius": "2px",

build/json/lightGrayHighDensityTheme/theme.json

@@ -169,3 +169,3 @@ {
     "basics.fontWeights.medium": 600,
-    "basics.fontWeights.bold": 700,
+    "basics.fontWeights.bold": 800,
     "basics.lineHeights.small": "1.3",
@@ -223,6 +223,7 @@ "basics.lineHeights.medium": "1.4",
     "density.fontSizes.extraExtraLarge": "24px",
+    "component.disabled.opacity": "0.5",
     "button.borderRadius": "2px",
     "button.borderWidth": "1px",
-    "button.fontWeight": 400,
-    "button.lineHeight": "1.4",
+    "button.fontWeight": 600,
+    "button.lineHeight": "14px",
     "button.fontFamily": "ArtifaktElement, sans-serif",
@@ -237,11 +238,10 @@ "button.fontSize": "12px",
     "button.hover.halo.width": "2px",
-    "button.hover.halo.color": "#808080",
+    "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
     "button.focus.halo.width": "2px",
-    "button.focus.halo.color": "#0696d7",
+    "button.focus.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.pressed.halo.width": "4px",
-    "button.pressed.halo.color": "#0696d7",
-    "button.disabled.halo.width": "0",
-    "button.disabled.halo.color": "rgba(255, 255, 255, 0)",
+    "button.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
+    "button.disabled.opacity": "0.5",
     "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.borderColor": "#808080",
+    "button.outline.borderColor": "rgba(128, 128, 128, 0.5)",
     "button.outline.halo.color": "#bbbbbb",
@@ -251,4 +251,4 @@ "button.outline.textColor": "#3c3c3c",
     "button.outline.hover.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.hover.borderColor": "#808080",
-    "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+    "button.outline.hover.borderColor": "rgba(128, 128, 128, 0.5)",
+    "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.15)",
     "button.outline.hover.textColor": "#3c3c3c",
@@ -258,3 +258,3 @@ "button.outline.hover.icon.color": "#3c3c3c",
     "button.outline.focus.borderColor": "#0696d7",
-    "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+    "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.outline.focus.textColor": "#3c3c3c",
@@ -265,10 +265,5 @@ "button.outline.focus.icon.color": "#3c3c3c",
     "button.outline.pressed.borderColor": "#0696d7",
-    "button.outline.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+    "button.outline.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.outline.pressed.textColor": "#3c3c3c",
     "button.outline.pressed.icon.color": "#3c3c3c",
-    "button.outline.disabled.backgroundColor": "rgba(255, 255, 255, 0.2)",
-    "button.outline.disabled.borderColor": "rgba(128, 128, 128, 0.2)",
-    "button.outline.disabled.halo.color": "rgba(255, 255, 255, 0.2)",
-    "button.outline.disabled.icon.color": "rgba(60, 60, 60, 0.2)",
-    "button.outline.disabled.textColor": "rgba(60, 60, 60, 0.2)",
     "button.solid.backgroundColor": "#0696d7",
@@ -281,3 +276,3 @@ "button.solid.borderColor": "#0696d7",
     "button.solid.hover.borderColor": "#0696d7",
-    "button.solid.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+    "button.solid.hover.halo.color": "rgba(128, 128, 128, 0.15)",
     "button.solid.hover.textColor": "#f5f5f5",
@@ -287,3 +282,3 @@ "button.solid.hover.icon.color": "#f5f5f5",
     "button.solid.focus.borderColor": "#0696d7",
-    "button.solid.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+    "button.solid.focus.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.solid.focus.textColor": "#f5f5f5",
@@ -294,57 +289,80 @@ "button.solid.focus.icon.color": "#f5f5f5",
     "button.solid.pressed.borderColor": "#0696d7",
-    "button.solid.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+    "button.solid.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.solid.pressed.textColor": "#f5f5f5",
     "button.solid.pressed.icon.color": "#f5f5f5",
-    "button.solid.disabled.backgroundColor": "rgba(6, 150, 215, 0.4)",
-    "button.solid.disabled.borderColor": "#0696d7",
-    "button.solid.disabled.halo.color": "rgba(255, 255, 255, 0)",
-    "button.solid.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-    "button.solid.disabled.textColor": "rgba(245, 245, 245, 0.2)",
     "button.flat.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.borderColor": "rgba(255, 255, 255, 0)",
     "button.flat.halo.color": "#808080",
-    "button.flat.textColor": "#0571a1",
-    "button.flat.icon.color": "#0571a1",
+    "button.flat.textColor": "#006EAF",
+    "button.flat.icon.color": "#006EAF",
     "button.flat.hover.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.hover.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.4)",
-    "button.flat.hover.textColor": "#0571a1",
-    "button.flat.hover.icon.color": "#0571a1",
+    "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.15)",
+    "button.flat.hover.textColor": "#006EAF",
+    "button.flat.hover.icon.color": "#006EAF",
     "button.flat.focus.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.focus.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.4)",
-    "button.flat.focus.textColor": "#0571a1",
-    "button.flat.focus.icon.color": "#0571a1",
+    "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.15)",
+    "button.flat.focus.textColor": "#006EAF",
+    "button.flat.focus.icon.color": "#006EAF",
     "button.flat.pressed.haloWidth": "4px",
     "button.flat.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
-    "button.flat.pressed.textColor": "#0571a1",
-    "button.flat.pressed.icon.color": "#0571a1",
-    "button.flat.disabled.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.halo.color": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.textColor": "rgba(5, 113, 161, 0.4)",
-    "button.flat.disabled.icon.color": "rgba(5, 113, 161, 0.4)",
+    "button.flat.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
+    "button.flat.pressed.textColor": "#006EAF",
+    "button.flat.pressed.icon.color": "#006EAF",
+    "avatar.fontWeight": 400,
+    "avatar.fontColorOnDark": "#ffffff",
+    "avatar.fontColorOnLight": "#3c3c3c",
+    "avatar.extraSmall.fontSize": "11px",
+    "avatar.extraSmall.diameter": "16px",
+    "avatar.small.fontSize": "12px",
+    "avatar.small.diameter": "24px",
+    "avatar.medium.fontSize": "14px",
+    "avatar.medium.diameter": "32px",
+    "avatar.large.fontSize": "24px",
+    "avatar.large.diameter": "48px",
+    "avatar.extraLarge.fontSize": "30px",
+    "avatar.extraLarge.diameter": "64px",
+    "avatar.color1.backgroundColor": "#6ac0e7",
+    "avatar.color1.fontColor": "#3c3c3c",
+    "avatar.color2.backgroundColor": "#1858a8",
+    "avatar.color2.fontColor": "#ffffff",
+    "avatar.color3.backgroundColor": "#5d822c",
+    "avatar.color3.fontColor": "#ffffff",
+    "avatar.color4.backgroundColor": "#ff9582",
+    "avatar.color4.fontColor": "#3c3c3c",
+    "avatar.color5.backgroundColor": "#7993b0",
+    "avatar.color5.fontColor": "#ffffff",
+    "avatar.color6.backgroundColor": "#5bc9bd",
+    "avatar.color6.fontColor": "#3c3c3c",
+    "avatar.color7.backgroundColor": "#faa21b",
+    "avatar.color7.fontColor": "#3c3c3c",
     "checkbox.backgroundColor": "#ffffff",
-    "checkbox.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.borderColor": "#808080",
     "checkbox.borderWidth": "1px",
-    "checkbox.borderRadius": "0",
-    "checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
-    "checkbox.halo.width": "0",
-    "checkbox.labelSpacing": "8px",
+    "checkbox.borderRadius": 0,
+    "checkbox.halo.color": "rgba(128, 128, 128, 0.4)",
+    "checkbox.halo.width": "2px",
+    "checkbox.height": "12px",
+    "checkbox.iconColor": "#ffffff",
+    "checkbox.width": "12px",
     "checkbox.hover.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.hover.halo.width": "4px",
-    "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
+    "checkbox.hover.halo.width": "2px",
+    "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.4)",
     "checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.25)",
-    "checkbox.focus.halo.width": "4px",
-    "checkbox.active.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
-    "checkbox.active.halo.width": "4px",
+    "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+    "checkbox.focus.halo.width": "2px",
+    "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+    "checkbox.pressed.halo.width": "4px",
     "checkbox.checked.borderColor": "#808080",
     "checkbox.checked.iconColor": "#ffffff",
     "checkbox.checked.backgroundColor": "#808080",
-    "checkbox.disabled.borderColor": "#808080",
-    "checkbox.disabled.checked.backgroundColor": "#808080",
+    "checkbox.indeterminate.borderColor": "#808080",
+    "checkbox.indeterminate.iconColor": "#ffffff",
+    "checkbox.indeterminate.backgroundColor": "#808080",
+    "checkbox.focus.checked.backgroundColor": "#ffffff",
+    "checkbox.focus.checked.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.focus.indeterminate.borderColor": "rgba(128, 128, 128, 0.5)",
     "formField.instructionalText.fontSize": "11px",
@@ -365,8 +383,8 @@ "formField.instructionalText.fontWeight": 400,
     "input.horizontalPadding": "0",
-    "input.boxType.horizontalPadding": "4px",
-    "input.verticalPadding": "2px",
+    "input.boxType.horizontalPadding": "8px",
+    "input.verticalPadding": "4px",
     "input.borderRadius": "0",
-    "input.borderColor": "#808080",
+    "input.borderColor": "rgba(128, 128, 128, 0.2)",
     "input.borderWidth": "1px",
-    "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+    "input.borderBottomColor": "rgba(128, 128, 128, 0.35)",
     "input.borderBottomWidth": "1px",
@@ -377,2 +395,3 @@ "input.fontColor": "#3c3c3c",
     "input.fontSize": "12px",
+    "input.height": "24px",
     "input.lineHeight": "1.4",
@@ -390,4 +409,5 @@ "input.halo.color": "rgba(128, 128, 128, 0.15)",
     "input.active.halo.color": "rgba(6, 150, 215, 0.25)",
-    "input.disabled.borderColor": "#808080",
-    "input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
+    "input.disabled.opacity": 0.5,
+    "input.box.borderBottomColor": "rgba(128, 128, 128, 0.2)",
+    "input.box.backgroundColor": "#ffffff",
     "skeletonItem.borderRadius": "2px",
@@ -398,3 +418,28 @@ "skeletonItem.defaultHeight": "12px",
     "textArea.minHeight": "250px",
-    "textArea.borderColor": "#808080",
+    "textArea.borderColor": "rgba(128, 128, 128, 0.2)",
+    "typography.body.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.body.fontWeight": 400,
+    "typography.body.fontSize": "12px",
+    "typography.body.lineHeight": "1.3",
+    "typography.body.color": "#3c3c3c",
+    "typography.caption.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.caption.fontWeight": 400,
+    "typography.caption.fontSize": "11px",
+    "typography.caption.lineHeight": "1.3",
+    "typography.caption.color": "#3c3c3c",
+    "typography.h1.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h1.fontWeight": 400,
+    "typography.h1.fontSize": "24px",
+    "typography.h1.lineHeight": "1.5",
+    "typography.h1.color": "#3c3c3c",
+    "typography.h2.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h2.fontWeight": 400,
+    "typography.h2.fontSize": "20px",
+    "typography.h2.lineHeight": "1.3",
+    "typography.h2.color": "#3c3c3c",
+    "typography.h3.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h3.fontWeight": 600,
+    "typography.h3.fontSize": "16px",
+    "typography.h3.lineHeight": "1.4",
+    "typography.h3.color": "#3c3c3c",
     "label.fontSize": "11px",
@@ -406,3 +451,2 @@ "label.fontWeight": 400,
     "label.hover.fontColor": "rgba(60, 60, 60, 0.6)",
-    "label.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
     "menu.backgroundColor": "#ffffff",
@@ -409,0 +453,0 @@ "menu.borderRadius": "2px",

build/json/lightGrayHighDensityTheme/unresolvedRoles.json

@@ -627,3 +627,3 @@ {
   "basics.fontWeights.bold": {
-    "value": 700,
+    "value": 800,
     "type": "fontWeight"
@@ -898,2 +898,6 @@ },
   },
+  "component.disabled.opacity": {
+    "type": "opacity",
+    "value": "0.5"
+  },
   "button.borderRadius": {
@@ -914,3 +918,3 @@ "type": "borderRadius",
     "value": {
-      "ref": "basics.fontWeights.regular"
+      "ref": "basics.fontWeights.medium"
     }
@@ -920,5 +924,3 @@ },
     "type": "lineHeight",
-    "value": {
-      "ref": "basics.lineHeights.medium"
-    }
+    "value": "14px"
   },
@@ -965,3 +967,3 @@ "button.fontFamily": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -976,3 +978,6 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.15
     }
@@ -987,3 +992,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.15
     }
@@ -998,18 +1006,12 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    }
-  },
-  "button.disabled.halo.width": {
-    "type": "length",
-    "value": "0"
-  },
-  "button.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.white"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0
+      "alpha": 0.15
     }
   },
+  "button.disabled.opacity": {
+    "type": "opacity",
+    "value": "0.5"
+  },
   "button.outline.backgroundColor": {
@@ -1027,3 +1029,6 @@ "type": "color",
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.5
     }
@@ -1040,3 +1045,3 @@ },
     "value": {
-      "ref": "basics.colors.textAgainstLight"
+      "ref": "colorScheme.textColor"
     }
@@ -1047,3 +1052,3 @@ },
     "value": {
-      "ref": "basics.colors.textAgainstLight"
+      "ref": "colorScheme.textColor"
     }
@@ -1066,6 +1071,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.hover.halo.color"
     }
@@ -1094,3 +1096,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1101,6 +1103,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.focus.halo.color"
     }
@@ -1133,3 +1132,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1140,6 +1139,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.pressed.halo.color"
     }
@@ -1159,51 +1155,6 @@ },
   },
-  "button.outline.disabled.backgroundColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.backgroundColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.borderColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.borderColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.disabled.halo.color"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.icon.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.icon.color"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.textColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.textColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "button.solid.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1214,3 +1165,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1239,3 +1190,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1252,6 +1203,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.hover.halo.color"
     }
@@ -1274,3 +1222,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1287,6 +1235,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.focus.halo.color"
     }
@@ -1325,6 +1270,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.pressed.halo.color"
     }
@@ -1344,44 +1286,2 @@ },
   },
-  "button.solid.disabled.backgroundColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.solid.backgroundColor"
-    },
-    "transform": {
-      "alpha": 0.4
-    }
-  },
-  "button.solid.disabled.borderColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.solid.borderColor",
-      "transform": {
-        "alpha": 0.2
-      }
-    }
-  },
-  "button.solid.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.disabled.halo.color"
-    }
-  },
-  "button.solid.disabled.icon.color": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.textAgainstDark"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.solid.disabled.textColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.solid.textColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "button.flat.backgroundColor": {
@@ -1413,11 +1313,7 @@ "type": "color",
     "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue700"
-    }
+    "value": "#006EAF"
   },
   "button.flat.icon.color": {
     "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue700"
-    }
+    "value": "#006EAF"
   },
@@ -1440,5 +1336,2 @@ "button.flat.hover.backgroundColor": {
       "ref": "button.hover.halo.color"
-    },
-    "transform": {
-      "alpha": 0.4
     }
@@ -1473,6 +1366,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.focus.halo.color"
     }
@@ -1511,6 +1401,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.pressed.halo.color"
     }
@@ -1530,47 +1417,144 @@ },
   },
-  "button.flat.disabled.backgroundColor": {
+  "avatar.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "avatar.fontColorOnDark": {
     "type": "color",
     "value": {
-      "ref": "button.flat.backgroundColor",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.white"
     }
   },
-  "button.flat.disabled.borderColor": {
+  "avatar.fontColorOnLight": {
     "type": "color",
     "value": {
-      "ref": "button.flat.borderColor",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.textAgainstLight"
     }
   },
-  "button.flat.disabled.halo.color": {
+  "avatar.extraSmall.fontSize": {
+    "type": "fontSize",
+    "value": "11px"
+  },
+  "avatar.extraSmall.diameter": {
+    "type": "length",
+    "value": "16px"
+  },
+  "avatar.small.fontSize": {
+    "type": "fontSize",
+    "value": "12px"
+  },
+  "avatar.small.diameter": {
+    "type": "length",
+    "value": "24px"
+  },
+  "avatar.medium.fontSize": {
+    "type": "fontSize",
+    "value": "14px"
+  },
+  "avatar.medium.diameter": {
+    "type": "length",
+    "value": "32px"
+  },
+  "avatar.large.fontSize": {
+    "type": "fontSize",
+    "value": "24px"
+  },
+  "avatar.large.diameter": {
+    "type": "length",
+    "value": "48px"
+  },
+  "avatar.extraLarge.fontSize": {
+    "type": "fontSize",
+    "value": "30px"
+  },
+  "avatar.extraLarge.diameter": {
+    "type": "length",
+    "value": "64px"
+  },
+  "avatar.color1.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "button.disabled.halo.color",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.autodeskBlue300"
     }
   },
-  "button.flat.disabled.textColor": {
+  "avatar.color1.fontColor": {
     "type": "color",
     "value": {
-      "ref": "button.flat.textColor"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "avatar.fontColorOnLight"
     }
   },
-  "button.flat.disabled.icon.color": {
+  "avatar.color2.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue700"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "basics.colors.darkBlue600"
     }
   },
+  "avatar.color2.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color3.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.green700"
+    }
+  },
+  "avatar.color3.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color4.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.salmon400"
+    }
+  },
+  "avatar.color4.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
+  "avatar.color5.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.slate500"
+    }
+  },
+  "avatar.color5.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color6.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.turquoise400"
+    }
+  },
+  "avatar.color6.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
+  "avatar.color7.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.yellowOrange500"
+    }
+  },
+  "avatar.color7.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
   "checkbox.backgroundColor": {
@@ -1584,5 +1568,2 @@ "type": "color",
     "type": "color",
-    "transform": {
-      "alpha": 0.5
-    },
     "value": {
@@ -1594,11 +1575,7 @@ "ref": "colorScheme.baseColor"
     "type": "borderWidth",
-    "value": {
-      "ref": "input.borderBottomWidth"
-    }
+    "value": "1px"
   },
   "checkbox.borderRadius": {
     "type": "borderRadius",
-    "value": {
-      "ref": "basics.borderRadii.small"
-    }
+    "value": 0
   },
@@ -1608,3 +1585,6 @@ "checkbox.halo.color": {
     "value": {
-      "ref": "input.halo.color"
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.4
     }
@@ -1614,12 +1594,18 @@ },
     "type": "length",
-    "value": {
-      "ref": "input.halo.width"
-    }
+    "value": "2px"
   },
-  "checkbox.labelSpacing": {
+  "checkbox.height": {
     "type": "length",
+    "value": "12px"
+  },
+  "checkbox.iconColor": {
+    "type": "color",
     "value": {
-      "ref": "density.spacings.small"
+      "ref": "basics.colors.white"
     }
   },
+  "checkbox.width": {
+    "type": "length",
+    "value": "12px"
+  },
   "checkbox.hover.borderColor": {
@@ -1637,3 +1623,3 @@ "type": "color",
     "value": {
-      "ref": "input.hover.halo.width"
+      "ref": "checkbox.halo.width"
     }
@@ -1644,3 +1630,3 @@ },
     "value": {
-      "ref": "input.halo.color"
+      "ref": "checkbox.halo.color"
     }
@@ -1660,3 +1646,6 @@ },
     "value": {
-      "ref": "input.focus.halo.color"
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.4
     }
@@ -1667,6 +1656,6 @@ },
     "value": {
-      "ref": "input.focus.halo.width"
+      "ref": "checkbox.halo.width"
     }
   },
-  "checkbox.active.borderColor": {
+  "checkbox.pressed.borderColor": {
     "type": "color",
@@ -1680,13 +1669,14 @@ "value": {
   },
-  "checkbox.active.halo.color": {
+  "checkbox.pressed.halo.color": {
     "type": "color",
     "value": {
-      "ref": "input.active.halo.color"
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.4
     }
   },
-  "checkbox.active.halo.width": {
+  "checkbox.pressed.halo.width": {
     "type": "length",
-    "value": {
-      "ref": "input.active.halo.width"
-    }
+    "value": "4px"
   },
@@ -1711,17 +1701,44 @@ "checkbox.checked.borderColor": {
   },
-  "checkbox.disabled.borderColor": {
+  "checkbox.indeterminate.borderColor": {
     "type": "color",
     "value": {
-      "ref": "input.disabled.borderColor"
+      "ref": "colorScheme.baseColor"
     }
   },
-  "checkbox.disabled.checked.backgroundColor": {
+  "checkbox.indeterminate.iconColor": {
     "type": "color",
     "value": {
+      "ref": "basics.colors.white"
+    }
+  },
+  "checkbox.indeterminate.backgroundColor": {
+    "type": "color",
+    "value": {
       "ref": "colorScheme.baseColor"
+    }
+  },
+  "checkbox.focus.checked.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "checkbox.backgroundColor"
+    }
+  },
+  "checkbox.focus.checked.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.baseColor"
     },
     "transform": {
-      "alhpa": 0.5
+      "alpha": 0.5
     }
   },
+  "checkbox.focus.indeterminate.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.5
+    }
+  },
   "formField.instructionalText.fontSize": {
@@ -1816,11 +1833,7 @@ "type": "fontSize",
     "type": "length",
-    "value": {
-      "ref": "density.spacings.extraSmall"
-    }
+    "value": "8px"
   },
   "input.verticalPadding": {
     "type": "length",
-    "value": {
-      "ref": "density.spacings.extraExtraSmall"
-    }
+    "value": "4px"
   },
@@ -1837,2 +1850,5 @@ "input.borderRadius": {
       "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.2
     }
@@ -1852,3 +1868,3 @@ },
     "transform": {
-      "alpha": 0.5
+      "alpha": 0.35
     }
@@ -1886,2 +1902,6 @@ },
   },
+  "input.height": {
+    "type": "length",
+    "value": "24px"
+  },
   "input.lineHeight": {
@@ -1968,15 +1988,19 @@ "type": "lineHeight",
   },
-  "input.disabled.borderColor": {
+  "input.disabled.opacity": {
+    "type": "opacity",
+    "value": 0.5
+  },
+  "input.box.borderBottomColor": {
     "type": "color",
     "value": {
       "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.2
     }
   },
-  "input.disabled.fontColor": {
+  "input.box.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "colorScheme.textColor"
-    },
-    "transform": {
-      "alpha": 0.2
+      "ref": "colorScheme.component.backgroundColor"
     }
@@ -2024,2 +2048,152 @@ },
   },
+  "typography.body.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.body.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.body.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.medium"
+    }
+  },
+  "typography.body.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.body.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.caption.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.caption.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.caption.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.small"
+    }
+  },
+  "typography.caption.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.caption.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h1.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h1.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.h1.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.extraExtraLarge"
+    }
+  },
+  "typography.h1.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.large"
+    }
+  },
+  "typography.h1.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h2.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h2.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.h2.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.extraLarge"
+    }
+  },
+  "typography.h2.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.h2.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h3.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h3.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.medium"
+    }
+  },
+  "typography.h3.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.large"
+    }
+  },
+  "typography.h3.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.medium"
+    }
+  },
+  "typography.h3.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
   "label.fontSize": {
@@ -2067,11 +2241,2 @@ "type": "fontSize",
   },
-  "label.disabled.fontColor": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.textAgainstLight"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "menu.backgroundColor": {
@@ -2078,0 +2243,0 @@ "type": "color",

build/json/lightGrayMediumDensityTheme/resolvedRoles.json

@@ -158,3 +158,3 @@ {
   "basics.fontWeights.medium": 600,
-  "basics.fontWeights.bold": 700,
+  "basics.fontWeights.bold": 800,
   "basics.lineHeights.small": "1.3",
@@ -212,6 +212,7 @@ "basics.lineHeights.medium": "1.4",
   "density.fontSizes.extraExtraLarge": "28px",
+  "component.disabled.opacity": "0.5",
   "button.borderRadius": "2px",
   "button.borderWidth": "1px",
-  "button.fontWeight": 400,
-  "button.lineHeight": "1.4",
+  "button.fontWeight": 600,
+  "button.lineHeight": "18px",
   "button.fontFamily": "ArtifaktElement, sans-serif",
@@ -226,11 +227,10 @@ "button.fontSize": "14px",
   "button.hover.halo.width": "2px",
-  "button.hover.halo.color": "#808080",
+  "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
   "button.focus.halo.width": "2px",
-  "button.focus.halo.color": "#0696d7",
+  "button.focus.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.pressed.halo.width": "4px",
-  "button.pressed.halo.color": "#0696d7",
-  "button.disabled.halo.width": "0",
-  "button.disabled.halo.color": "rgba(255, 255, 255, 0)",
+  "button.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
+  "button.disabled.opacity": "0.5",
   "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.borderColor": "#808080",
+  "button.outline.borderColor": "rgba(128, 128, 128, 0.5)",
   "button.outline.halo.color": "#bbbbbb",
@@ -240,4 +240,4 @@ "button.outline.textColor": "#3c3c3c",
   "button.outline.hover.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.hover.borderColor": "#808080",
-  "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+  "button.outline.hover.borderColor": "rgba(128, 128, 128, 0.5)",
+  "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.15)",
   "button.outline.hover.textColor": "#3c3c3c",
@@ -247,3 +247,3 @@ "button.outline.hover.icon.color": "#3c3c3c",
   "button.outline.focus.borderColor": "#0696d7",
-  "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+  "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.outline.focus.textColor": "#3c3c3c",
@@ -254,10 +254,5 @@ "button.outline.focus.icon.color": "#3c3c3c",
   "button.outline.pressed.borderColor": "#0696d7",
-  "button.outline.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+  "button.outline.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.outline.pressed.textColor": "#3c3c3c",
   "button.outline.pressed.icon.color": "#3c3c3c",
-  "button.outline.disabled.backgroundColor": "rgba(255, 255, 255, 0.2)",
-  "button.outline.disabled.borderColor": "rgba(128, 128, 128, 0.2)",
-  "button.outline.disabled.halo.color": "rgba(255, 255, 255, 0.2)",
-  "button.outline.disabled.icon.color": "rgba(60, 60, 60, 0.2)",
-  "button.outline.disabled.textColor": "rgba(60, 60, 60, 0.2)",
   "button.solid.backgroundColor": "#0696d7",
@@ -270,3 +265,3 @@ "button.solid.borderColor": "#0696d7",
   "button.solid.hover.borderColor": "#0696d7",
-  "button.solid.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+  "button.solid.hover.halo.color": "rgba(128, 128, 128, 0.15)",
   "button.solid.hover.textColor": "#f5f5f5",
@@ -276,3 +271,3 @@ "button.solid.hover.icon.color": "#f5f5f5",
   "button.solid.focus.borderColor": "#0696d7",
-  "button.solid.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+  "button.solid.focus.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.solid.focus.textColor": "#f5f5f5",
@@ -283,57 +278,80 @@ "button.solid.focus.icon.color": "#f5f5f5",
   "button.solid.pressed.borderColor": "#0696d7",
-  "button.solid.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+  "button.solid.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.solid.pressed.textColor": "#f5f5f5",
   "button.solid.pressed.icon.color": "#f5f5f5",
-  "button.solid.disabled.backgroundColor": "rgba(6, 150, 215, 0.4)",
-  "button.solid.disabled.borderColor": "#0696d7",
-  "button.solid.disabled.halo.color": "rgba(255, 255, 255, 0)",
-  "button.solid.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-  "button.solid.disabled.textColor": "rgba(245, 245, 245, 0.2)",
   "button.flat.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.borderColor": "rgba(255, 255, 255, 0)",
   "button.flat.halo.color": "#808080",
-  "button.flat.textColor": "#0571a1",
-  "button.flat.icon.color": "#0571a1",
+  "button.flat.textColor": "#006EAF",
+  "button.flat.icon.color": "#006EAF",
   "button.flat.hover.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.hover.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.4)",
-  "button.flat.hover.textColor": "#0571a1",
-  "button.flat.hover.icon.color": "#0571a1",
+  "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.15)",
+  "button.flat.hover.textColor": "#006EAF",
+  "button.flat.hover.icon.color": "#006EAF",
   "button.flat.focus.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.focus.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.4)",
-  "button.flat.focus.textColor": "#0571a1",
-  "button.flat.focus.icon.color": "#0571a1",
+  "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.15)",
+  "button.flat.focus.textColor": "#006EAF",
+  "button.flat.focus.icon.color": "#006EAF",
   "button.flat.pressed.haloWidth": "4px",
   "button.flat.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
   "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
-  "button.flat.pressed.textColor": "#0571a1",
-  "button.flat.pressed.icon.color": "#0571a1",
-  "button.flat.disabled.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.halo.color": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.textColor": "rgba(5, 113, 161, 0.4)",
-  "button.flat.disabled.icon.color": "rgba(5, 113, 161, 0.4)",
+  "button.flat.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
+  "button.flat.pressed.textColor": "#006EAF",
+  "button.flat.pressed.icon.color": "#006EAF",
+  "avatar.fontWeight": 400,
+  "avatar.fontColorOnDark": "#ffffff",
+  "avatar.fontColorOnLight": "#3c3c3c",
+  "avatar.extraSmall.fontSize": "11px",
+  "avatar.extraSmall.diameter": "16px",
+  "avatar.small.fontSize": "12px",
+  "avatar.small.diameter": "24px",
+  "avatar.medium.fontSize": "14px",
+  "avatar.medium.diameter": "32px",
+  "avatar.large.fontSize": "24px",
+  "avatar.large.diameter": "48px",
+  "avatar.extraLarge.fontSize": "30px",
+  "avatar.extraLarge.diameter": "64px",
+  "avatar.color1.backgroundColor": "#6ac0e7",
+  "avatar.color1.fontColor": "#3c3c3c",
+  "avatar.color2.backgroundColor": "#1858a8",
+  "avatar.color2.fontColor": "#ffffff",
+  "avatar.color3.backgroundColor": "#5d822c",
+  "avatar.color3.fontColor": "#ffffff",
+  "avatar.color4.backgroundColor": "#ff9582",
+  "avatar.color4.fontColor": "#3c3c3c",
+  "avatar.color5.backgroundColor": "#7993b0",
+  "avatar.color5.fontColor": "#ffffff",
+  "avatar.color6.backgroundColor": "#5bc9bd",
+  "avatar.color6.fontColor": "#3c3c3c",
+  "avatar.color7.backgroundColor": "#faa21b",
+  "avatar.color7.fontColor": "#3c3c3c",
   "checkbox.backgroundColor": "#ffffff",
-  "checkbox.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.borderColor": "#808080",
   "checkbox.borderWidth": "1px",
-  "checkbox.borderRadius": "0",
-  "checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
-  "checkbox.halo.width": "0",
-  "checkbox.labelSpacing": "12px",
+  "checkbox.borderRadius": 0,
+  "checkbox.halo.color": "rgba(128, 128, 128, 0.4)",
+  "checkbox.halo.width": "2px",
+  "checkbox.height": "16px",
+  "checkbox.iconColor": "#ffffff",
+  "checkbox.width": "16px",
   "checkbox.hover.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.hover.halo.width": "4px",
-  "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
+  "checkbox.hover.halo.width": "2px",
+  "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.4)",
   "checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.25)",
-  "checkbox.focus.halo.width": "4px",
-  "checkbox.active.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
-  "checkbox.active.halo.width": "4px",
+  "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+  "checkbox.focus.halo.width": "2px",
+  "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+  "checkbox.pressed.halo.width": "4px",
   "checkbox.checked.borderColor": "#808080",
   "checkbox.checked.iconColor": "#ffffff",
   "checkbox.checked.backgroundColor": "#808080",
-  "checkbox.disabled.borderColor": "#808080",
-  "checkbox.disabled.checked.backgroundColor": "#808080",
+  "checkbox.indeterminate.borderColor": "#808080",
+  "checkbox.indeterminate.iconColor": "#ffffff",
+  "checkbox.indeterminate.backgroundColor": "#808080",
+  "checkbox.focus.checked.backgroundColor": "#ffffff",
+  "checkbox.focus.checked.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.focus.indeterminate.borderColor": "rgba(128, 128, 128, 0.5)",
   "formField.instructionalText.fontSize": "12px",
@@ -357,5 +375,5 @@ "formField.instructionalText.fontWeight": 400,
   "input.borderRadius": "0",
-  "input.borderColor": "#808080",
+  "input.borderColor": "rgba(128, 128, 128, 0.2)",
   "input.borderWidth": "1px",
-  "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+  "input.borderBottomColor": "rgba(128, 128, 128, 0.35)",
   "input.borderBottomWidth": "1px",
@@ -366,2 +384,3 @@ "input.fontColor": "#3c3c3c",
   "input.fontSize": "14px",
+  "input.height": "28px",
   "input.lineHeight": "1.4",
@@ -379,4 +398,5 @@ "input.halo.color": "rgba(128, 128, 128, 0.15)",
   "input.active.halo.color": "rgba(6, 150, 215, 0.25)",
-  "input.disabled.borderColor": "#808080",
-  "input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
+  "input.disabled.opacity": 0.5,
+  "input.box.borderBottomColor": "rgba(128, 128, 128, 0.2)",
+  "input.box.backgroundColor": "#ffffff",
   "skeletonItem.borderRadius": "2px",
@@ -387,3 +407,28 @@ "skeletonItem.defaultHeight": "16px",
   "textArea.minHeight": "250px",
-  "textArea.borderColor": "#808080",
+  "textArea.borderColor": "rgba(128, 128, 128, 0.2)",
+  "typography.body.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.body.fontWeight": 400,
+  "typography.body.fontSize": "14px",
+  "typography.body.lineHeight": "1.3",
+  "typography.body.color": "#3c3c3c",
+  "typography.caption.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.caption.fontWeight": 400,
+  "typography.caption.fontSize": "12px",
+  "typography.caption.lineHeight": "1.3",
+  "typography.caption.color": "#3c3c3c",
+  "typography.h1.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h1.fontWeight": 400,
+  "typography.h1.fontSize": "28px",
+  "typography.h1.lineHeight": "1.5",
+  "typography.h1.color": "#3c3c3c",
+  "typography.h2.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h2.fontWeight": 400,
+  "typography.h2.fontSize": "24px",
+  "typography.h2.lineHeight": "1.3",
+  "typography.h2.color": "#3c3c3c",
+  "typography.h3.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h3.fontWeight": 600,
+  "typography.h3.fontSize": "20px",
+  "typography.h3.lineHeight": "1.4",
+  "typography.h3.color": "#3c3c3c",
   "label.fontSize": "12px",
@@ -395,3 +440,2 @@ "label.fontWeight": 400,
   "label.hover.fontColor": "rgba(60, 60, 60, 0.6)",
-  "label.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
   "menu.backgroundColor": "#ffffff",
@@ -398,0 +442,0 @@ "menu.borderRadius": "2px",

build/json/lightGrayMediumDensityTheme/theme.json

@@ -169,3 +169,3 @@ {
     "basics.fontWeights.medium": 600,
-    "basics.fontWeights.bold": 700,
+    "basics.fontWeights.bold": 800,
     "basics.lineHeights.small": "1.3",
@@ -223,6 +223,7 @@ "basics.lineHeights.medium": "1.4",
     "density.fontSizes.extraExtraLarge": "28px",
+    "component.disabled.opacity": "0.5",
     "button.borderRadius": "2px",
     "button.borderWidth": "1px",
-    "button.fontWeight": 400,
-    "button.lineHeight": "1.4",
+    "button.fontWeight": 600,
+    "button.lineHeight": "18px",
     "button.fontFamily": "ArtifaktElement, sans-serif",
@@ -237,11 +238,10 @@ "button.fontSize": "14px",
     "button.hover.halo.width": "2px",
-    "button.hover.halo.color": "#808080",
+    "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
     "button.focus.halo.width": "2px",
-    "button.focus.halo.color": "#0696d7",
+    "button.focus.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.pressed.halo.width": "4px",
-    "button.pressed.halo.color": "#0696d7",
-    "button.disabled.halo.width": "0",
-    "button.disabled.halo.color": "rgba(255, 255, 255, 0)",
+    "button.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
+    "button.disabled.opacity": "0.5",
     "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.borderColor": "#808080",
+    "button.outline.borderColor": "rgba(128, 128, 128, 0.5)",
     "button.outline.halo.color": "#bbbbbb",
@@ -251,4 +251,4 @@ "button.outline.textColor": "#3c3c3c",
     "button.outline.hover.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.hover.borderColor": "#808080",
-    "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+    "button.outline.hover.borderColor": "rgba(128, 128, 128, 0.5)",
+    "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.15)",
     "button.outline.hover.textColor": "#3c3c3c",
@@ -258,3 +258,3 @@ "button.outline.hover.icon.color": "#3c3c3c",
     "button.outline.focus.borderColor": "#0696d7",
-    "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+    "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.outline.focus.textColor": "#3c3c3c",
@@ -265,10 +265,5 @@ "button.outline.focus.icon.color": "#3c3c3c",
     "button.outline.pressed.borderColor": "#0696d7",
-    "button.outline.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+    "button.outline.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.outline.pressed.textColor": "#3c3c3c",
     "button.outline.pressed.icon.color": "#3c3c3c",
-    "button.outline.disabled.backgroundColor": "rgba(255, 255, 255, 0.2)",
-    "button.outline.disabled.borderColor": "rgba(128, 128, 128, 0.2)",
-    "button.outline.disabled.halo.color": "rgba(255, 255, 255, 0.2)",
-    "button.outline.disabled.icon.color": "rgba(60, 60, 60, 0.2)",
-    "button.outline.disabled.textColor": "rgba(60, 60, 60, 0.2)",
     "button.solid.backgroundColor": "#0696d7",
@@ -281,3 +276,3 @@ "button.solid.borderColor": "#0696d7",
     "button.solid.hover.borderColor": "#0696d7",
-    "button.solid.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+    "button.solid.hover.halo.color": "rgba(128, 128, 128, 0.15)",
     "button.solid.hover.textColor": "#f5f5f5",
@@ -287,3 +282,3 @@ "button.solid.hover.icon.color": "#f5f5f5",
     "button.solid.focus.borderColor": "#0696d7",
-    "button.solid.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+    "button.solid.focus.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.solid.focus.textColor": "#f5f5f5",
@@ -294,57 +289,80 @@ "button.solid.focus.icon.color": "#f5f5f5",
     "button.solid.pressed.borderColor": "#0696d7",
-    "button.solid.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+    "button.solid.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.solid.pressed.textColor": "#f5f5f5",
     "button.solid.pressed.icon.color": "#f5f5f5",
-    "button.solid.disabled.backgroundColor": "rgba(6, 150, 215, 0.4)",
-    "button.solid.disabled.borderColor": "#0696d7",
-    "button.solid.disabled.halo.color": "rgba(255, 255, 255, 0)",
-    "button.solid.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-    "button.solid.disabled.textColor": "rgba(245, 245, 245, 0.2)",
     "button.flat.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.borderColor": "rgba(255, 255, 255, 0)",
     "button.flat.halo.color": "#808080",
-    "button.flat.textColor": "#0571a1",
-    "button.flat.icon.color": "#0571a1",
+    "button.flat.textColor": "#006EAF",
+    "button.flat.icon.color": "#006EAF",
     "button.flat.hover.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.hover.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.4)",
-    "button.flat.hover.textColor": "#0571a1",
-    "button.flat.hover.icon.color": "#0571a1",
+    "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.15)",
+    "button.flat.hover.textColor": "#006EAF",
+    "button.flat.hover.icon.color": "#006EAF",
     "button.flat.focus.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.focus.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.4)",
-    "button.flat.focus.textColor": "#0571a1",
-    "button.flat.focus.icon.color": "#0571a1",
+    "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.15)",
+    "button.flat.focus.textColor": "#006EAF",
+    "button.flat.focus.icon.color": "#006EAF",
     "button.flat.pressed.haloWidth": "4px",
     "button.flat.pressed.backgroundColor": "rgba(255, 255, 255, 0)",
     "button.flat.pressed.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
-    "button.flat.pressed.textColor": "#0571a1",
-    "button.flat.pressed.icon.color": "#0571a1",
-    "button.flat.disabled.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.halo.color": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.textColor": "rgba(5, 113, 161, 0.4)",
-    "button.flat.disabled.icon.color": "rgba(5, 113, 161, 0.4)",
+    "button.flat.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
+    "button.flat.pressed.textColor": "#006EAF",
+    "button.flat.pressed.icon.color": "#006EAF",
+    "avatar.fontWeight": 400,
+    "avatar.fontColorOnDark": "#ffffff",
+    "avatar.fontColorOnLight": "#3c3c3c",
+    "avatar.extraSmall.fontSize": "11px",
+    "avatar.extraSmall.diameter": "16px",
+    "avatar.small.fontSize": "12px",
+    "avatar.small.diameter": "24px",
+    "avatar.medium.fontSize": "14px",
+    "avatar.medium.diameter": "32px",
+    "avatar.large.fontSize": "24px",
+    "avatar.large.diameter": "48px",
+    "avatar.extraLarge.fontSize": "30px",
+    "avatar.extraLarge.diameter": "64px",
+    "avatar.color1.backgroundColor": "#6ac0e7",
+    "avatar.color1.fontColor": "#3c3c3c",
+    "avatar.color2.backgroundColor": "#1858a8",
+    "avatar.color2.fontColor": "#ffffff",
+    "avatar.color3.backgroundColor": "#5d822c",
+    "avatar.color3.fontColor": "#ffffff",
+    "avatar.color4.backgroundColor": "#ff9582",
+    "avatar.color4.fontColor": "#3c3c3c",
+    "avatar.color5.backgroundColor": "#7993b0",
+    "avatar.color5.fontColor": "#ffffff",
+    "avatar.color6.backgroundColor": "#5bc9bd",
+    "avatar.color6.fontColor": "#3c3c3c",
+    "avatar.color7.backgroundColor": "#faa21b",
+    "avatar.color7.fontColor": "#3c3c3c",
     "checkbox.backgroundColor": "#ffffff",
-    "checkbox.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.borderColor": "#808080",
     "checkbox.borderWidth": "1px",
-    "checkbox.borderRadius": "0",
-    "checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
-    "checkbox.halo.width": "0",
-    "checkbox.labelSpacing": "12px",
+    "checkbox.borderRadius": 0,
+    "checkbox.halo.color": "rgba(128, 128, 128, 0.4)",
+    "checkbox.halo.width": "2px",
+    "checkbox.height": "16px",
+    "checkbox.iconColor": "#ffffff",
+    "checkbox.width": "16px",
     "checkbox.hover.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.hover.halo.width": "4px",
-    "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
+    "checkbox.hover.halo.width": "2px",
+    "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.4)",
     "checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.25)",
-    "checkbox.focus.halo.width": "4px",
-    "checkbox.active.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
-    "checkbox.active.halo.width": "4px",
+    "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+    "checkbox.focus.halo.width": "2px",
+    "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+    "checkbox.pressed.halo.width": "4px",
     "checkbox.checked.borderColor": "#808080",
     "checkbox.checked.iconColor": "#ffffff",
     "checkbox.checked.backgroundColor": "#808080",
-    "checkbox.disabled.borderColor": "#808080",
-    "checkbox.disabled.checked.backgroundColor": "#808080",
+    "checkbox.indeterminate.borderColor": "#808080",
+    "checkbox.indeterminate.iconColor": "#ffffff",
+    "checkbox.indeterminate.backgroundColor": "#808080",
+    "checkbox.focus.checked.backgroundColor": "#ffffff",
+    "checkbox.focus.checked.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.focus.indeterminate.borderColor": "rgba(128, 128, 128, 0.5)",
     "formField.instructionalText.fontSize": "12px",
@@ -368,5 +386,5 @@ "formField.instructionalText.fontWeight": 400,
     "input.borderRadius": "0",
-    "input.borderColor": "#808080",
+    "input.borderColor": "rgba(128, 128, 128, 0.2)",
     "input.borderWidth": "1px",
-    "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+    "input.borderBottomColor": "rgba(128, 128, 128, 0.35)",
     "input.borderBottomWidth": "1px",
@@ -377,2 +395,3 @@ "input.fontColor": "#3c3c3c",
     "input.fontSize": "14px",
+    "input.height": "28px",
     "input.lineHeight": "1.4",
@@ -390,4 +409,5 @@ "input.halo.color": "rgba(128, 128, 128, 0.15)",
     "input.active.halo.color": "rgba(6, 150, 215, 0.25)",
-    "input.disabled.borderColor": "#808080",
-    "input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
+    "input.disabled.opacity": 0.5,
+    "input.box.borderBottomColor": "rgba(128, 128, 128, 0.2)",
+    "input.box.backgroundColor": "#ffffff",
     "skeletonItem.borderRadius": "2px",
@@ -398,3 +418,28 @@ "skeletonItem.defaultHeight": "16px",
     "textArea.minHeight": "250px",
-    "textArea.borderColor": "#808080",
+    "textArea.borderColor": "rgba(128, 128, 128, 0.2)",
+    "typography.body.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.body.fontWeight": 400,
+    "typography.body.fontSize": "14px",
+    "typography.body.lineHeight": "1.3",
+    "typography.body.color": "#3c3c3c",
+    "typography.caption.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.caption.fontWeight": 400,
+    "typography.caption.fontSize": "12px",
+    "typography.caption.lineHeight": "1.3",
+    "typography.caption.color": "#3c3c3c",
+    "typography.h1.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h1.fontWeight": 400,
+    "typography.h1.fontSize": "28px",
+    "typography.h1.lineHeight": "1.5",
+    "typography.h1.color": "#3c3c3c",
+    "typography.h2.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h2.fontWeight": 400,
+    "typography.h2.fontSize": "24px",
+    "typography.h2.lineHeight": "1.3",
+    "typography.h2.color": "#3c3c3c",
+    "typography.h3.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h3.fontWeight": 600,
+    "typography.h3.fontSize": "20px",
+    "typography.h3.lineHeight": "1.4",
+    "typography.h3.color": "#3c3c3c",
     "label.fontSize": "12px",
@@ -406,3 +451,2 @@ "label.fontWeight": 400,
     "label.hover.fontColor": "rgba(60, 60, 60, 0.6)",
-    "label.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
     "menu.backgroundColor": "#ffffff",
@@ -409,0 +453,0 @@ "menu.borderRadius": "2px",

build/json/lightGrayMediumDensityTheme/unresolvedRoles.json

@@ -627,3 +627,3 @@ {
   "basics.fontWeights.bold": {
-    "value": 700,
+    "value": 800,
     "type": "fontWeight"
@@ -898,2 +898,6 @@ },
   },
+  "component.disabled.opacity": {
+    "type": "opacity",
+    "value": "0.5"
+  },
   "button.borderRadius": {
@@ -914,3 +918,3 @@ "type": "borderRadius",
     "value": {
-      "ref": "basics.fontWeights.regular"
+      "ref": "basics.fontWeights.medium"
     }
@@ -920,5 +924,3 @@ },
     "type": "lineHeight",
-    "value": {
-      "ref": "basics.lineHeights.medium"
-    }
+    "value": "18px"
   },
@@ -965,3 +967,3 @@ "button.fontFamily": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -976,3 +978,6 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.15
     }
@@ -987,3 +992,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.15
     }
@@ -998,18 +1006,12 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    }
-  },
-  "button.disabled.halo.width": {
-    "type": "length",
-    "value": "0"
-  },
-  "button.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.white"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0
+      "alpha": 0.15
     }
   },
+  "button.disabled.opacity": {
+    "type": "opacity",
+    "value": "0.5"
+  },
   "button.outline.backgroundColor": {
@@ -1027,3 +1029,6 @@ "type": "color",
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.5
     }
@@ -1040,3 +1045,3 @@ },
     "value": {
-      "ref": "basics.colors.textAgainstLight"
+      "ref": "colorScheme.textColor"
     }
@@ -1047,3 +1052,3 @@ },
     "value": {
-      "ref": "basics.colors.textAgainstLight"
+      "ref": "colorScheme.textColor"
     }
@@ -1066,6 +1071,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.hover.halo.color"
     }
@@ -1094,3 +1096,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1101,6 +1103,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.focus.halo.color"
     }
@@ -1133,3 +1132,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1140,6 +1139,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.pressed.halo.color"
     }
@@ -1159,51 +1155,6 @@ },
   },
-  "button.outline.disabled.backgroundColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.backgroundColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.borderColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.borderColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.disabled.halo.color"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.icon.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.icon.color"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.textColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.textColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "button.solid.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1214,3 +1165,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1239,3 +1190,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1252,6 +1203,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.hover.halo.color"
     }
@@ -1274,3 +1222,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1287,6 +1235,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.focus.halo.color"
     }
@@ -1325,6 +1270,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.pressed.halo.color"
     }
@@ -1344,44 +1286,2 @@ },
   },
-  "button.solid.disabled.backgroundColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.solid.backgroundColor"
-    },
-    "transform": {
-      "alpha": 0.4
-    }
-  },
-  "button.solid.disabled.borderColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.solid.borderColor",
-      "transform": {
-        "alpha": 0.2
-      }
-    }
-  },
-  "button.solid.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.disabled.halo.color"
-    }
-  },
-  "button.solid.disabled.icon.color": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.textAgainstDark"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.solid.disabled.textColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.solid.textColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "button.flat.backgroundColor": {
@@ -1413,11 +1313,7 @@ "type": "color",
     "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue700"
-    }
+    "value": "#006EAF"
   },
   "button.flat.icon.color": {
     "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue700"
-    }
+    "value": "#006EAF"
   },
@@ -1440,5 +1336,2 @@ "button.flat.hover.backgroundColor": {
       "ref": "button.hover.halo.color"
-    },
-    "transform": {
-      "alpha": 0.4
     }
@@ -1473,6 +1366,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.focus.halo.color"
     }
@@ -1511,6 +1401,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.pressed.halo.color"
     }
@@ -1530,47 +1417,144 @@ },
   },
-  "button.flat.disabled.backgroundColor": {
+  "avatar.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "avatar.fontColorOnDark": {
     "type": "color",
     "value": {
-      "ref": "button.flat.backgroundColor",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.white"
     }
   },
-  "button.flat.disabled.borderColor": {
+  "avatar.fontColorOnLight": {
     "type": "color",
     "value": {
-      "ref": "button.flat.borderColor",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.textAgainstLight"
     }
   },
-  "button.flat.disabled.halo.color": {
+  "avatar.extraSmall.fontSize": {
+    "type": "fontSize",
+    "value": "11px"
+  },
+  "avatar.extraSmall.diameter": {
+    "type": "length",
+    "value": "16px"
+  },
+  "avatar.small.fontSize": {
+    "type": "fontSize",
+    "value": "12px"
+  },
+  "avatar.small.diameter": {
+    "type": "length",
+    "value": "24px"
+  },
+  "avatar.medium.fontSize": {
+    "type": "fontSize",
+    "value": "14px"
+  },
+  "avatar.medium.diameter": {
+    "type": "length",
+    "value": "32px"
+  },
+  "avatar.large.fontSize": {
+    "type": "fontSize",
+    "value": "24px"
+  },
+  "avatar.large.diameter": {
+    "type": "length",
+    "value": "48px"
+  },
+  "avatar.extraLarge.fontSize": {
+    "type": "fontSize",
+    "value": "30px"
+  },
+  "avatar.extraLarge.diameter": {
+    "type": "length",
+    "value": "64px"
+  },
+  "avatar.color1.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "button.disabled.halo.color",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.autodeskBlue300"
     }
   },
-  "button.flat.disabled.textColor": {
+  "avatar.color1.fontColor": {
     "type": "color",
     "value": {
-      "ref": "button.flat.textColor"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "avatar.fontColorOnLight"
     }
   },
-  "button.flat.disabled.icon.color": {
+  "avatar.color2.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue700"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "basics.colors.darkBlue600"
     }
   },
+  "avatar.color2.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color3.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.green700"
+    }
+  },
+  "avatar.color3.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color4.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.salmon400"
+    }
+  },
+  "avatar.color4.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
+  "avatar.color5.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.slate500"
+    }
+  },
+  "avatar.color5.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color6.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.turquoise400"
+    }
+  },
+  "avatar.color6.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
+  "avatar.color7.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.yellowOrange500"
+    }
+  },
+  "avatar.color7.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
   "checkbox.backgroundColor": {
@@ -1584,5 +1568,2 @@ "type": "color",
     "type": "color",
-    "transform": {
-      "alpha": 0.5
-    },
     "value": {
@@ -1594,11 +1575,7 @@ "ref": "colorScheme.baseColor"
     "type": "borderWidth",
-    "value": {
-      "ref": "input.borderBottomWidth"
-    }
+    "value": "1px"
   },
   "checkbox.borderRadius": {
     "type": "borderRadius",
-    "value": {
-      "ref": "basics.borderRadii.small"
-    }
+    "value": 0
   },
@@ -1608,3 +1585,6 @@ "checkbox.halo.color": {
     "value": {
-      "ref": "input.halo.color"
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.4
     }
@@ -1614,12 +1594,18 @@ },
     "type": "length",
-    "value": {
-      "ref": "input.halo.width"
-    }
+    "value": "2px"
   },
-  "checkbox.labelSpacing": {
+  "checkbox.height": {
     "type": "length",
+    "value": "16px"
+  },
+  "checkbox.iconColor": {
+    "type": "color",
     "value": {
-      "ref": "density.spacings.small"
+      "ref": "basics.colors.white"
     }
   },
+  "checkbox.width": {
+    "type": "length",
+    "value": "16px"
+  },
   "checkbox.hover.borderColor": {
@@ -1637,3 +1623,3 @@ "type": "color",
     "value": {
-      "ref": "input.hover.halo.width"
+      "ref": "checkbox.halo.width"
     }
@@ -1644,3 +1630,3 @@ },
     "value": {
-      "ref": "input.halo.color"
+      "ref": "checkbox.halo.color"
     }
@@ -1660,3 +1646,6 @@ },
     "value": {
-      "ref": "input.focus.halo.color"
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.4
     }
@@ -1667,6 +1656,6 @@ },
     "value": {
-      "ref": "input.focus.halo.width"
+      "ref": "checkbox.halo.width"
     }
   },
-  "checkbox.active.borderColor": {
+  "checkbox.pressed.borderColor": {
     "type": "color",
@@ -1680,13 +1669,14 @@ "value": {
   },
-  "checkbox.active.halo.color": {
+  "checkbox.pressed.halo.color": {
     "type": "color",
     "value": {
-      "ref": "input.active.halo.color"
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.4
     }
   },
-  "checkbox.active.halo.width": {
+  "checkbox.pressed.halo.width": {
     "type": "length",
-    "value": {
-      "ref": "input.active.halo.width"
-    }
+    "value": "4px"
   },
@@ -1711,17 +1701,44 @@ "checkbox.checked.borderColor": {
   },
-  "checkbox.disabled.borderColor": {
+  "checkbox.indeterminate.borderColor": {
     "type": "color",
     "value": {
-      "ref": "input.disabled.borderColor"
+      "ref": "colorScheme.baseColor"
     }
   },
-  "checkbox.disabled.checked.backgroundColor": {
+  "checkbox.indeterminate.iconColor": {
     "type": "color",
     "value": {
+      "ref": "basics.colors.white"
+    }
+  },
+  "checkbox.indeterminate.backgroundColor": {
+    "type": "color",
+    "value": {
       "ref": "colorScheme.baseColor"
+    }
+  },
+  "checkbox.focus.checked.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "checkbox.backgroundColor"
+    }
+  },
+  "checkbox.focus.checked.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.baseColor"
     },
     "transform": {
-      "alhpa": 0.5
+      "alpha": 0.5
     }
   },
+  "checkbox.focus.indeterminate.borderColor": {
+    "type": "color",
+    "value": {
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.5
+    }
+  },
   "formField.instructionalText.fontSize": {
@@ -1816,11 +1833,7 @@ "type": "fontSize",
     "type": "length",
-    "value": {
-      "ref": "density.spacings.extraSmall"
-    }
+    "value": "8px"
   },
   "input.verticalPadding": {
     "type": "length",
-    "value": {
-      "ref": "density.spacings.extraExtraSmall"
-    }
+    "value": "4px"
   },
@@ -1837,2 +1850,5 @@ "input.borderRadius": {
       "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.2
     }
@@ -1852,3 +1868,3 @@ },
     "transform": {
-      "alpha": 0.5
+      "alpha": 0.35
     }
@@ -1886,2 +1902,6 @@ },
   },
+  "input.height": {
+    "type": "length",
+    "value": "28px"
+  },
   "input.lineHeight": {
@@ -1968,15 +1988,19 @@ "type": "lineHeight",
   },
-  "input.disabled.borderColor": {
+  "input.disabled.opacity": {
+    "type": "opacity",
+    "value": 0.5
+  },
+  "input.box.borderBottomColor": {
     "type": "color",
     "value": {
       "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.2
     }
   },
-  "input.disabled.fontColor": {
+  "input.box.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "colorScheme.textColor"
-    },
-    "transform": {
-      "alpha": 0.2
+      "ref": "colorScheme.component.backgroundColor"
     }
@@ -2024,2 +2048,152 @@ },
   },
+  "typography.body.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.body.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.body.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.medium"
+    }
+  },
+  "typography.body.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.body.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.caption.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.caption.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.caption.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.small"
+    }
+  },
+  "typography.caption.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.caption.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h1.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h1.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.h1.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.extraExtraLarge"
+    }
+  },
+  "typography.h1.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.large"
+    }
+  },
+  "typography.h1.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h2.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h2.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.h2.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.extraLarge"
+    }
+  },
+  "typography.h2.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.h2.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h3.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h3.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.medium"
+    }
+  },
+  "typography.h3.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.large"
+    }
+  },
+  "typography.h3.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.medium"
+    }
+  },
+  "typography.h3.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
   "label.fontSize": {
@@ -2067,11 +2241,2 @@ "type": "fontSize",
   },
-  "label.disabled.fontColor": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.textAgainstLight"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "menu.backgroundColor": {
@@ -2078,0 +2243,0 @@ "type": "color",

build/json/webLightHighDensityTheme/resolvedRoles.json

@@ -158,3 +158,3 @@ {
   "basics.fontWeights.medium": 600,
-  "basics.fontWeights.bold": 700,
+  "basics.fontWeights.bold": "700",
   "basics.lineHeights.small": "1.3",
@@ -212,6 +212,7 @@ "basics.lineHeights.medium": "1.4",
   "density.fontSizes.extraExtraLarge": "24px",
+  "component.disabled.opacity": "0.5",
   "button.borderRadius": "4px",
   "button.borderWidth": "1px",
-  "button.fontWeight": 700,
-  "button.lineHeight": "1.4",
+  "button.fontWeight": "700",
+  "button.lineHeight": "14px",
   "button.fontFamily": "ArtifaktElement, sans-serif",
@@ -226,11 +227,10 @@ "button.fontSize": "12px",
   "button.hover.halo.width": "2px",
-  "button.hover.halo.color": "#808080",
+  "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
   "button.focus.halo.width": "2px",
-  "button.focus.halo.color": "#0696d7",
+  "button.focus.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.pressed.halo.width": "4px",
-  "button.pressed.halo.color": "#0696d7",
-  "button.disabled.halo.width": "0",
-  "button.disabled.halo.color": "rgba(255, 255, 255, 0)",
+  "button.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
+  "button.disabled.opacity": "0.5",
   "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.borderColor": "#BEC8D2",
+  "button.outline.borderColor": "rgb(190, 200, 210)",
   "button.outline.halo.color": "#bbbbbb",
@@ -241,3 +241,3 @@ "button.outline.textColor": "#000000",
   "button.outline.hover.borderColor": "#0ED3BE",
-  "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+  "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.15)",
   "button.outline.hover.textColor": "#000000",
@@ -247,3 +247,3 @@ "button.outline.hover.icon.color": "#000000",
   "button.outline.focus.borderColor": "#5CE1D3",
-  "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+  "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.outline.focus.textColor": "#ffffff",
@@ -257,7 +257,2 @@ "button.outline.focus.icon.color": "#ffffff",
   "button.outline.pressed.icon.color": "#000000",
-  "button.outline.disabled.backgroundColor": "rgba(255, 255, 255, 0.2)",
-  "button.outline.disabled.borderColor": "rgb(212, 219, 225)",
-  "button.outline.disabled.halo.color": "rgba(255, 255, 255, 0.2)",
-  "button.outline.disabled.icon.color": "rgba(0, 0, 0, 0.2)",
-  "button.outline.disabled.textColor": "rgb(190, 200, 210)",
   "button.solid.backgroundColor": "#0696d7",
@@ -284,7 +279,2 @@ "button.solid.borderColor": "#0696d7",
   "button.solid.pressed.icon.color": "#f5f5f5",
-  "button.solid.disabled.backgroundColor": "rgb(204, 234, 249)",
-  "button.solid.disabled.borderColor": "#0696d7",
-  "button.solid.disabled.halo.color": "rgba(255, 255, 255, 0)",
-  "button.solid.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-  "button.solid.disabled.textColor": "rgba(255, 255, 255, 0.2)",
   "button.flat.backgroundColor": "rgba(255, 255, 255, 0)",
@@ -297,3 +287,3 @@ "button.flat.borderColor": "rgba(255, 255, 255, 0)",
   "button.flat.hover.borderColor": "#0ED3BE",
-  "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+  "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.15)",
   "button.flat.hover.textColor": "#000000",
@@ -303,3 +293,3 @@ "button.flat.hover.icon.color": "#000000",
   "button.flat.focus.borderColor": "#5CE1D3",
-  "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+  "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.flat.focus.textColor": "#ffffff",
@@ -313,28 +303,56 @@ "button.flat.focus.icon.color": "#ffffff",
   "button.flat.pressed.icon.color": "#000000",
-  "button.flat.disabled.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.halo.color": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.textColor": "rgb(190, 200, 210)",
-  "button.flat.disabled.icon.color": "rgb(190, 200, 210)",
+  "avatar.fontWeight": 400,
+  "avatar.fontColorOnDark": "#ffffff",
+  "avatar.fontColorOnLight": "#3c3c3c",
+  "avatar.extraSmall.fontSize": "11px",
+  "avatar.extraSmall.diameter": "16px",
+  "avatar.small.fontSize": "12px",
+  "avatar.small.diameter": "24px",
+  "avatar.medium.fontSize": "14px",
+  "avatar.medium.diameter": "32px",
+  "avatar.large.fontSize": "24px",
+  "avatar.large.diameter": "48px",
+  "avatar.extraLarge.fontSize": "30px",
+  "avatar.extraLarge.diameter": "64px",
+  "avatar.color1.backgroundColor": "#6ac0e7",
+  "avatar.color1.fontColor": "#3c3c3c",
+  "avatar.color2.backgroundColor": "#1858a8",
+  "avatar.color2.fontColor": "#ffffff",
+  "avatar.color3.backgroundColor": "#5d822c",
+  "avatar.color3.fontColor": "#ffffff",
+  "avatar.color4.backgroundColor": "#ff9582",
+  "avatar.color4.fontColor": "#3c3c3c",
+  "avatar.color5.backgroundColor": "#7993b0",
+  "avatar.color5.fontColor": "#ffffff",
+  "avatar.color6.backgroundColor": "#5bc9bd",
+  "avatar.color6.fontColor": "#3c3c3c",
+  "avatar.color7.backgroundColor": "#faa21b",
+  "avatar.color7.fontColor": "#3c3c3c",
   "checkbox.backgroundColor": "#ffffff",
-  "checkbox.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.borderColor": "#BEC8D2",
   "checkbox.borderWidth": "1px",
-  "checkbox.borderRadius": "0",
-  "checkbox.halo.color": "rgba(14, 211, 190, 0.15)",
-  "checkbox.halo.width": "0",
-  "checkbox.labelSpacing": "8px",
+  "checkbox.borderRadius": "3px",
+  "checkbox.halo.color": "rgba(128, 128, 128, 0.4)",
+  "checkbox.halo.width": "2px",
+  "checkbox.height": "12px",
+  "checkbox.iconColor": "#ffffff",
+  "checkbox.width": "12px",
   "checkbox.hover.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.hover.halo.width": "1px",
-  "checkbox.hover.halo.color": "rgba(14, 211, 190, 0.15)",
-  "checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.25)",
-  "checkbox.focus.halo.width": "1px",
-  "checkbox.active.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
-  "checkbox.active.halo.width": "1px",
-  "checkbox.checked.borderColor": "#808080",
+  "checkbox.hover.halo.width": 0,
+  "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+  "checkbox.focus.borderColor": "rgb(6, 113, 161)",
+  "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+  "checkbox.focus.halo.width": 0,
+  "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+  "checkbox.pressed.halo.width": 0,
+  "checkbox.checked.borderColor": "#7993B0",
   "checkbox.checked.iconColor": "#ffffff",
-  "checkbox.checked.backgroundColor": "#808080",
-  "checkbox.disabled.borderColor": "#808080",
-  "checkbox.disabled.checked.backgroundColor": "#808080",
+  "checkbox.checked.backgroundColor": "#7993B0",
+  "checkbox.indeterminate.borderColor": "#7993B0",
+  "checkbox.indeterminate.iconColor": "#ffffff",
+  "checkbox.indeterminate.backgroundColor": "#7993B0",
+  "checkbox.focus.checked.backgroundColor": "#0671A1",
+  "checkbox.focus.checked.borderColor": "rgba(6, 113, 161, 0.5)",
+  "checkbox.focus.indeterminate.borderColor": "rgba(6, 113, 161, 0.5)",
   "formField.instructionalText.fontSize": "11px",
@@ -355,8 +373,8 @@ "formField.instructionalText.fontWeight": 400,
   "input.horizontalPadding": "0",
-  "input.boxType.horizontalPadding": "4px",
-  "input.verticalPadding": "2px",
+  "input.boxType.horizontalPadding": "8px",
+  "input.verticalPadding": "4px",
   "input.borderRadius": "0",
-  "input.borderColor": "#808080",
+  "input.borderColor": "rgba(128, 128, 128, 0.2)",
   "input.borderWidth": "1px",
-  "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+  "input.borderBottomColor": "rgba(128, 128, 128, 0.35)",
   "input.borderBottomWidth": "1px",
@@ -367,2 +385,3 @@ "input.fontColor": "#3c3c3c",
   "input.fontSize": "12px",
+  "input.height": "24px",
   "input.lineHeight": "1.4",
@@ -380,4 +399,5 @@ "input.halo.color": "rgba(14, 211, 190, 0.15)",
   "input.active.halo.color": "rgba(6, 150, 215, 0.25)",
-  "input.disabled.borderColor": "#808080",
-  "input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
+  "input.disabled.opacity": 0.5,
+  "input.box.borderBottomColor": "rgba(128, 128, 128, 0.2)",
+  "input.box.backgroundColor": "#ffffff",
   "skeletonItem.borderRadius": "2px",
@@ -388,3 +408,28 @@ "skeletonItem.defaultHeight": "12px",
   "textArea.minHeight": "250px",
-  "textArea.borderColor": "#808080",
+  "textArea.borderColor": "rgba(128, 128, 128, 0.2)",
+  "typography.body.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.body.fontWeight": 400,
+  "typography.body.fontSize": "12px",
+  "typography.body.lineHeight": "1.3",
+  "typography.body.color": "#3c3c3c",
+  "typography.caption.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.caption.fontWeight": 400,
+  "typography.caption.fontSize": "11px",
+  "typography.caption.lineHeight": "1.3",
+  "typography.caption.color": "#3c3c3c",
+  "typography.h1.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h1.fontWeight": 400,
+  "typography.h1.fontSize": "24px",
+  "typography.h1.lineHeight": "1.5",
+  "typography.h1.color": "#3c3c3c",
+  "typography.h2.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h2.fontWeight": 400,
+  "typography.h2.fontSize": "20px",
+  "typography.h2.lineHeight": "1.3",
+  "typography.h2.color": "#3c3c3c",
+  "typography.h3.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h3.fontWeight": 600,
+  "typography.h3.fontSize": "16px",
+  "typography.h3.lineHeight": "1.4",
+  "typography.h3.color": "#3c3c3c",
   "label.fontSize": "11px",
@@ -396,3 +441,2 @@ "label.fontWeight": 400,
   "label.hover.fontColor": "rgba(60, 60, 60, 0.6)",
-  "label.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
   "menu.backgroundColor": "#ffffff",
@@ -399,0 +443,0 @@ "menu.borderRadius": "2px",

build/json/webLightHighDensityTheme/theme.json

@@ -169,3 +169,3 @@ {
     "basics.fontWeights.medium": 600,
-    "basics.fontWeights.bold": 700,
+    "basics.fontWeights.bold": "700",
     "basics.lineHeights.small": "1.3",
@@ -223,6 +223,7 @@ "basics.lineHeights.medium": "1.4",
     "density.fontSizes.extraExtraLarge": "24px",
+    "component.disabled.opacity": "0.5",
     "button.borderRadius": "4px",
     "button.borderWidth": "1px",
-    "button.fontWeight": 700,
-    "button.lineHeight": "1.4",
+    "button.fontWeight": "700",
+    "button.lineHeight": "14px",
     "button.fontFamily": "ArtifaktElement, sans-serif",
@@ -237,11 +238,10 @@ "button.fontSize": "12px",
     "button.hover.halo.width": "2px",
-    "button.hover.halo.color": "#808080",
+    "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
     "button.focus.halo.width": "2px",
-    "button.focus.halo.color": "#0696d7",
+    "button.focus.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.pressed.halo.width": "4px",
-    "button.pressed.halo.color": "#0696d7",
-    "button.disabled.halo.width": "0",
-    "button.disabled.halo.color": "rgba(255, 255, 255, 0)",
+    "button.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
+    "button.disabled.opacity": "0.5",
     "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.borderColor": "#BEC8D2",
+    "button.outline.borderColor": "rgb(190, 200, 210)",
     "button.outline.halo.color": "#bbbbbb",
@@ -252,3 +252,3 @@ "button.outline.textColor": "#000000",
     "button.outline.hover.borderColor": "#0ED3BE",
-    "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+    "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.15)",
     "button.outline.hover.textColor": "#000000",
@@ -258,3 +258,3 @@ "button.outline.hover.icon.color": "#000000",
     "button.outline.focus.borderColor": "#5CE1D3",
-    "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+    "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.outline.focus.textColor": "#ffffff",
@@ -268,7 +268,2 @@ "button.outline.focus.icon.color": "#ffffff",
     "button.outline.pressed.icon.color": "#000000",
-    "button.outline.disabled.backgroundColor": "rgba(255, 255, 255, 0.2)",
-    "button.outline.disabled.borderColor": "rgb(212, 219, 225)",
-    "button.outline.disabled.halo.color": "rgba(255, 255, 255, 0.2)",
-    "button.outline.disabled.icon.color": "rgba(0, 0, 0, 0.2)",
-    "button.outline.disabled.textColor": "rgb(190, 200, 210)",
     "button.solid.backgroundColor": "#0696d7",
@@ -295,7 +290,2 @@ "button.solid.borderColor": "#0696d7",
     "button.solid.pressed.icon.color": "#f5f5f5",
-    "button.solid.disabled.backgroundColor": "rgb(204, 234, 249)",
-    "button.solid.disabled.borderColor": "#0696d7",
-    "button.solid.disabled.halo.color": "rgba(255, 255, 255, 0)",
-    "button.solid.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-    "button.solid.disabled.textColor": "rgba(255, 255, 255, 0.2)",
     "button.flat.backgroundColor": "rgba(255, 255, 255, 0)",
@@ -308,3 +298,3 @@ "button.flat.borderColor": "rgba(255, 255, 255, 0)",
     "button.flat.hover.borderColor": "#0ED3BE",
-    "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+    "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.15)",
     "button.flat.hover.textColor": "#000000",
@@ -314,3 +304,3 @@ "button.flat.hover.icon.color": "#000000",
     "button.flat.focus.borderColor": "#5CE1D3",
-    "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+    "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.flat.focus.textColor": "#ffffff",
@@ -324,28 +314,56 @@ "button.flat.focus.icon.color": "#ffffff",
     "button.flat.pressed.icon.color": "#000000",
-    "button.flat.disabled.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.halo.color": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.textColor": "rgb(190, 200, 210)",
-    "button.flat.disabled.icon.color": "rgb(190, 200, 210)",
+    "avatar.fontWeight": 400,
+    "avatar.fontColorOnDark": "#ffffff",
+    "avatar.fontColorOnLight": "#3c3c3c",
+    "avatar.extraSmall.fontSize": "11px",
+    "avatar.extraSmall.diameter": "16px",
+    "avatar.small.fontSize": "12px",
+    "avatar.small.diameter": "24px",
+    "avatar.medium.fontSize": "14px",
+    "avatar.medium.diameter": "32px",
+    "avatar.large.fontSize": "24px",
+    "avatar.large.diameter": "48px",
+    "avatar.extraLarge.fontSize": "30px",
+    "avatar.extraLarge.diameter": "64px",
+    "avatar.color1.backgroundColor": "#6ac0e7",
+    "avatar.color1.fontColor": "#3c3c3c",
+    "avatar.color2.backgroundColor": "#1858a8",
+    "avatar.color2.fontColor": "#ffffff",
+    "avatar.color3.backgroundColor": "#5d822c",
+    "avatar.color3.fontColor": "#ffffff",
+    "avatar.color4.backgroundColor": "#ff9582",
+    "avatar.color4.fontColor": "#3c3c3c",
+    "avatar.color5.backgroundColor": "#7993b0",
+    "avatar.color5.fontColor": "#ffffff",
+    "avatar.color6.backgroundColor": "#5bc9bd",
+    "avatar.color6.fontColor": "#3c3c3c",
+    "avatar.color7.backgroundColor": "#faa21b",
+    "avatar.color7.fontColor": "#3c3c3c",
     "checkbox.backgroundColor": "#ffffff",
-    "checkbox.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.borderColor": "#BEC8D2",
     "checkbox.borderWidth": "1px",
-    "checkbox.borderRadius": "0",
-    "checkbox.halo.color": "rgba(14, 211, 190, 0.15)",
-    "checkbox.halo.width": "0",
-    "checkbox.labelSpacing": "8px",
+    "checkbox.borderRadius": "3px",
+    "checkbox.halo.color": "rgba(128, 128, 128, 0.4)",
+    "checkbox.halo.width": "2px",
+    "checkbox.height": "12px",
+    "checkbox.iconColor": "#ffffff",
+    "checkbox.width": "12px",
     "checkbox.hover.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.hover.halo.width": "1px",
-    "checkbox.hover.halo.color": "rgba(14, 211, 190, 0.15)",
-    "checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.25)",
-    "checkbox.focus.halo.width": "1px",
-    "checkbox.active.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
-    "checkbox.active.halo.width": "1px",
-    "checkbox.checked.borderColor": "#808080",
+    "checkbox.hover.halo.width": 0,
+    "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+    "checkbox.focus.borderColor": "rgb(6, 113, 161)",
+    "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+    "checkbox.focus.halo.width": 0,
+    "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+    "checkbox.pressed.halo.width": 0,
+    "checkbox.checked.borderColor": "#7993B0",
     "checkbox.checked.iconColor": "#ffffff",
-    "checkbox.checked.backgroundColor": "#808080",
-    "checkbox.disabled.borderColor": "#808080",
-    "checkbox.disabled.checked.backgroundColor": "#808080",
+    "checkbox.checked.backgroundColor": "#7993B0",
+    "checkbox.indeterminate.borderColor": "#7993B0",
+    "checkbox.indeterminate.iconColor": "#ffffff",
+    "checkbox.indeterminate.backgroundColor": "#7993B0",
+    "checkbox.focus.checked.backgroundColor": "#0671A1",
+    "checkbox.focus.checked.borderColor": "rgba(6, 113, 161, 0.5)",
+    "checkbox.focus.indeterminate.borderColor": "rgba(6, 113, 161, 0.5)",
     "formField.instructionalText.fontSize": "11px",
@@ -366,8 +384,8 @@ "formField.instructionalText.fontWeight": 400,
     "input.horizontalPadding": "0",
-    "input.boxType.horizontalPadding": "4px",
-    "input.verticalPadding": "2px",
+    "input.boxType.horizontalPadding": "8px",
+    "input.verticalPadding": "4px",
     "input.borderRadius": "0",
-    "input.borderColor": "#808080",
+    "input.borderColor": "rgba(128, 128, 128, 0.2)",
     "input.borderWidth": "1px",
-    "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+    "input.borderBottomColor": "rgba(128, 128, 128, 0.35)",
     "input.borderBottomWidth": "1px",
@@ -378,2 +396,3 @@ "input.fontColor": "#3c3c3c",
     "input.fontSize": "12px",
+    "input.height": "24px",
     "input.lineHeight": "1.4",
@@ -391,4 +410,5 @@ "input.halo.color": "rgba(14, 211, 190, 0.15)",
     "input.active.halo.color": "rgba(6, 150, 215, 0.25)",
-    "input.disabled.borderColor": "#808080",
-    "input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
+    "input.disabled.opacity": 0.5,
+    "input.box.borderBottomColor": "rgba(128, 128, 128, 0.2)",
+    "input.box.backgroundColor": "#ffffff",
     "skeletonItem.borderRadius": "2px",
@@ -399,3 +419,28 @@ "skeletonItem.defaultHeight": "12px",
     "textArea.minHeight": "250px",
-    "textArea.borderColor": "#808080",
+    "textArea.borderColor": "rgba(128, 128, 128, 0.2)",
+    "typography.body.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.body.fontWeight": 400,
+    "typography.body.fontSize": "12px",
+    "typography.body.lineHeight": "1.3",
+    "typography.body.color": "#3c3c3c",
+    "typography.caption.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.caption.fontWeight": 400,
+    "typography.caption.fontSize": "11px",
+    "typography.caption.lineHeight": "1.3",
+    "typography.caption.color": "#3c3c3c",
+    "typography.h1.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h1.fontWeight": 400,
+    "typography.h1.fontSize": "24px",
+    "typography.h1.lineHeight": "1.5",
+    "typography.h1.color": "#3c3c3c",
+    "typography.h2.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h2.fontWeight": 400,
+    "typography.h2.fontSize": "20px",
+    "typography.h2.lineHeight": "1.3",
+    "typography.h2.color": "#3c3c3c",
+    "typography.h3.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h3.fontWeight": 600,
+    "typography.h3.fontSize": "16px",
+    "typography.h3.lineHeight": "1.4",
+    "typography.h3.color": "#3c3c3c",
     "label.fontSize": "11px",
@@ -407,3 +452,2 @@ "label.fontWeight": 400,
     "label.hover.fontColor": "rgba(60, 60, 60, 0.6)",
-    "label.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
     "menu.backgroundColor": "#ffffff",
@@ -410,0 +454,0 @@ "menu.borderRadius": "2px",

build/json/webLightHighDensityTheme/unresolvedRoles.json

@@ -627,3 +627,3 @@ {
   "basics.fontWeights.bold": {
-    "value": 700,
+    "value": "700",
     "type": "fontWeight"
@@ -898,2 +898,6 @@ },
   },
+  "component.disabled.opacity": {
+    "type": "opacity",
+    "value": "0.5"
+  },
   "button.borderRadius": {
@@ -919,5 +923,3 @@ "type": "borderRadius",
     "type": "lineHeight",
-    "value": {
-      "ref": "basics.lineHeights.medium"
-    }
+    "value": "14px"
   },
@@ -964,3 +966,3 @@ "button.fontFamily": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -975,3 +977,6 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.15
     }
@@ -986,3 +991,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.15
     }
@@ -997,18 +1005,12 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    }
-  },
-  "button.disabled.halo.width": {
-    "type": "length",
-    "value": "0"
-  },
-  "button.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.white"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0
+      "alpha": 0.15
     }
   },
+  "button.disabled.opacity": {
+    "type": "opacity",
+    "value": "0.5"
+  },
   "button.outline.backgroundColor": {
@@ -1025,3 +1027,6 @@ "type": "color",
     "type": "color",
-    "value": "#BEC8D2"
+    "value": "#BEC8D2",
+    "transform": {
+      "alpha": 1
+    }
   },
@@ -1059,6 +1064,3 @@ "button.outline.halo.color": {
     "value": {
-      "ref": "basics.colors.charcoal600"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.hover.halo.color"
     }
@@ -1089,6 +1091,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.focus.halo.color"
     }
@@ -1143,47 +1142,6 @@ },
   },
-  "button.outline.disabled.backgroundColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.backgroundColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.borderColor": {
-    "type": "color",
-    "value": "#D4DBE1",
-    "transform": {
-      "alpha": 1
-    }
-  },
-  "button.outline.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.disabled.halo.color"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.icon.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.icon.color"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.textColor": {
-    "type": "color",
-    "value": "#BEC8D2",
-    "transform": {
-      "alpha": 1
-    }
-  },
   "button.solid.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1194,3 +1152,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1315,42 +1273,2 @@ },
   },
-  "button.solid.disabled.backgroundColor": {
-    "type": "color",
-    "value": "#CCEAF9",
-    "transform": {
-      "alpha": 1
-    }
-  },
-  "button.solid.disabled.borderColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.solid.borderColor",
-      "transform": {
-        "alpha": 0.2
-      }
-    }
-  },
-  "button.solid.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.disabled.halo.color"
-    }
-  },
-  "button.solid.disabled.icon.color": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.textAgainstDark"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.solid.disabled.textColor": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.white"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "button.flat.backgroundColor": {
@@ -1406,5 +1324,2 @@ "type": "color",
       "ref": "button.hover.halo.color"
-    },
-    "transform": {
-      "alpha": 0.4
     }
@@ -1435,6 +1350,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.focus.halo.color"
     }
@@ -1491,43 +1403,144 @@ },
   },
-  "button.flat.disabled.backgroundColor": {
+  "avatar.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "avatar.fontColorOnDark": {
     "type": "color",
     "value": {
-      "ref": "button.flat.backgroundColor",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.white"
     }
   },
-  "button.flat.disabled.borderColor": {
+  "avatar.fontColorOnLight": {
     "type": "color",
     "value": {
-      "ref": "button.flat.borderColor",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.textAgainstLight"
     }
   },
-  "button.flat.disabled.halo.color": {
+  "avatar.extraSmall.fontSize": {
+    "type": "fontSize",
+    "value": "11px"
+  },
+  "avatar.extraSmall.diameter": {
+    "type": "length",
+    "value": "16px"
+  },
+  "avatar.small.fontSize": {
+    "type": "fontSize",
+    "value": "12px"
+  },
+  "avatar.small.diameter": {
+    "type": "length",
+    "value": "24px"
+  },
+  "avatar.medium.fontSize": {
+    "type": "fontSize",
+    "value": "14px"
+  },
+  "avatar.medium.diameter": {
+    "type": "length",
+    "value": "32px"
+  },
+  "avatar.large.fontSize": {
+    "type": "fontSize",
+    "value": "24px"
+  },
+  "avatar.large.diameter": {
+    "type": "length",
+    "value": "48px"
+  },
+  "avatar.extraLarge.fontSize": {
+    "type": "fontSize",
+    "value": "30px"
+  },
+  "avatar.extraLarge.diameter": {
+    "type": "length",
+    "value": "64px"
+  },
+  "avatar.color1.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "button.disabled.halo.color",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.autodeskBlue300"
     }
   },
-  "button.flat.disabled.textColor": {
+  "avatar.color1.fontColor": {
     "type": "color",
-    "value": "#BEC8D2",
-    "transform": {
-      "alpha": 1
+    "value": {
+      "ref": "avatar.fontColorOnLight"
     }
   },
-  "button.flat.disabled.icon.color": {
+  "avatar.color2.backgroundColor": {
     "type": "color",
-    "value": "#BEC8D2",
-    "transform": {
-      "alpha": 1
+    "value": {
+      "ref": "basics.colors.darkBlue600"
     }
   },
+  "avatar.color2.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color3.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.green700"
+    }
+  },
+  "avatar.color3.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color4.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.salmon400"
+    }
+  },
+  "avatar.color4.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
+  "avatar.color5.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.slate500"
+    }
+  },
+  "avatar.color5.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color6.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.turquoise400"
+    }
+  },
+  "avatar.color6.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
+  "avatar.color7.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.yellowOrange500"
+    }
+  },
+  "avatar.color7.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
   "checkbox.backgroundColor": {
@@ -1541,20 +1554,11 @@ "type": "color",
     "type": "color",
-    "transform": {
-      "alpha": 0.5
-    },
-    "value": {
-      "ref": "colorScheme.baseColor"
-    }
+    "value": "#BEC8D2"
   },
   "checkbox.borderWidth": {
     "type": "borderWidth",
-    "value": {
-      "ref": "input.borderBottomWidth"
-    }
+    "value": "1px"
   },
   "checkbox.borderRadius": {
     "type": "borderRadius",
-    "value": {
-      "ref": "basics.borderRadii.small"
-    }
+    "value": "3px"
   },
@@ -1564,3 +1568,6 @@ "checkbox.halo.color": {
     "value": {
-      "ref": "input.halo.color"
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.4
     }
@@ -1570,12 +1577,18 @@ },
     "type": "length",
-    "value": {
-      "ref": "input.halo.width"
-    }
+    "value": "2px"
   },
-  "checkbox.labelSpacing": {
+  "checkbox.height": {
     "type": "length",
+    "value": "12px"
+  },
+  "checkbox.iconColor": {
+    "type": "color",
     "value": {
-      "ref": "density.spacings.small"
+      "ref": "basics.colors.white"
     }
   },
+  "checkbox.width": {
+    "type": "length",
+    "value": "12px"
+  },
   "checkbox.hover.borderColor": {
@@ -1592,5 +1605,3 @@ "type": "color",
     "type": "length",
-    "value": {
-      "ref": "input.hover.halo.width"
-    }
+    "value": 0
   },
@@ -1600,3 +1611,3 @@ "checkbox.hover.halo.color": {
     "value": {
-      "ref": "input.halo.color"
+      "ref": "checkbox.halo.color"
     }
@@ -1606,7 +1617,5 @@ },
     "type": "color",
-    "value": {
-      "ref": "colorScheme.baseColor"
-    },
+    "value": "#0671A1",
     "transform": {
-      "alpha": 0.5
+      "alpha": 1
     }
@@ -1617,3 +1626,6 @@ },
     "value": {
-      "ref": "input.focus.halo.color"
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.4
     }
@@ -1623,7 +1635,5 @@ },
     "type": "length",
-    "value": {
-      "ref": "input.focus.halo.width"
-    }
+    "value": 0
   },
-  "checkbox.active.borderColor": {
+  "checkbox.pressed.borderColor": {
     "type": "color",
@@ -1637,19 +1647,18 @@ "value": {
   },
-  "checkbox.active.halo.color": {
+  "checkbox.pressed.halo.color": {
     "type": "color",
     "value": {
-      "ref": "input.active.halo.color"
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.4
     }
   },
-  "checkbox.active.halo.width": {
+  "checkbox.pressed.halo.width": {
     "type": "length",
-    "value": {
-      "ref": "input.active.halo.width"
-    }
+    "value": 0
   },
   "checkbox.checked.borderColor": {
     "type": "color",
-    "value": {
-      "ref": "colorScheme.baseColor"
-    }
+    "value": "#7993B0"
   },
@@ -1664,19 +1673,34 @@ "checkbox.checked.iconColor": {
     "type": "color",
+    "value": "#7993B0"
+  },
+  "checkbox.indeterminate.borderColor": {
+    "type": "color",
+    "value": "#7993B0"
+  },
+  "checkbox.indeterminate.iconColor": {
+    "type": "color",
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "basics.colors.white"
     }
   },
-  "checkbox.disabled.borderColor": {
+  "checkbox.indeterminate.backgroundColor": {
     "type": "color",
-    "value": {
-      "ref": "input.disabled.borderColor"
+    "value": "#7993B0"
+  },
+  "checkbox.focus.checked.backgroundColor": {
+    "type": "color",
+    "value": "#0671A1"
+  },
+  "checkbox.focus.checked.borderColor": {
+    "type": "color",
+    "value": "#0671A1",
+    "transform": {
+      "alpha": 0.5
     }
   },
-  "checkbox.disabled.checked.backgroundColor": {
+  "checkbox.focus.indeterminate.borderColor": {
     "type": "color",
-    "value": {
-      "ref": "colorScheme.baseColor"
-    },
+    "value": "#0671A1",
     "transform": {
-      "alhpa": 0.5
+      "alpha": 0.5
     }
@@ -1773,11 +1797,7 @@ },
     "type": "length",
-    "value": {
-      "ref": "density.spacings.extraSmall"
-    }
+    "value": "8px"
   },
   "input.verticalPadding": {
     "type": "length",
-    "value": {
-      "ref": "density.spacings.extraExtraSmall"
-    }
+    "value": "4px"
   },
@@ -1794,2 +1814,5 @@ "input.borderRadius": {
       "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.2
     }
@@ -1809,3 +1832,3 @@ },
     "transform": {
-      "alpha": 0.5
+      "alpha": 0.35
     }
@@ -1843,2 +1866,6 @@ },
   },
+  "input.height": {
+    "type": "length",
+    "value": "24px"
+  },
   "input.lineHeight": {
@@ -1921,15 +1948,19 @@ "type": "lineHeight",
   },
-  "input.disabled.borderColor": {
+  "input.disabled.opacity": {
+    "type": "opacity",
+    "value": 0.5
+  },
+  "input.box.borderBottomColor": {
     "type": "color",
     "value": {
       "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.2
     }
   },
-  "input.disabled.fontColor": {
+  "input.box.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "colorScheme.textColor"
-    },
-    "transform": {
-      "alpha": 0.2
+      "ref": "colorScheme.component.backgroundColor"
     }
@@ -1977,2 +2008,152 @@ },
   },
+  "typography.body.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.body.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.body.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.medium"
+    }
+  },
+  "typography.body.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.body.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.caption.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.caption.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.caption.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.small"
+    }
+  },
+  "typography.caption.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.caption.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h1.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h1.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.h1.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.extraExtraLarge"
+    }
+  },
+  "typography.h1.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.large"
+    }
+  },
+  "typography.h1.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h2.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h2.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.h2.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.extraLarge"
+    }
+  },
+  "typography.h2.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.h2.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h3.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h3.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.medium"
+    }
+  },
+  "typography.h3.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.large"
+    }
+  },
+  "typography.h3.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.medium"
+    }
+  },
+  "typography.h3.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
   "label.fontSize": {
@@ -2020,11 +2201,2 @@ "type": "fontSize",
   },
-  "label.disabled.fontColor": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.textAgainstLight"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "menu.backgroundColor": {
@@ -2031,0 +2203,0 @@ "type": "color",

build/json/webLightMediumDensityTheme/resolvedRoles.json

@@ -158,3 +158,3 @@ {
   "basics.fontWeights.medium": 600,
-  "basics.fontWeights.bold": 700,
+  "basics.fontWeights.bold": "700",
   "basics.lineHeights.small": "1.3",
@@ -212,6 +212,7 @@ "basics.lineHeights.medium": "1.4",
   "density.fontSizes.extraExtraLarge": "28px",
+  "component.disabled.opacity": "0.5",
   "button.borderRadius": "4px",
   "button.borderWidth": "1px",
-  "button.fontWeight": 700,
-  "button.lineHeight": "1.4",
+  "button.fontWeight": "700",
+  "button.lineHeight": "18px",
   "button.fontFamily": "ArtifaktElement, sans-serif",
@@ -226,11 +227,10 @@ "button.fontSize": "14px",
   "button.hover.halo.width": "2px",
-  "button.hover.halo.color": "#808080",
+  "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
   "button.focus.halo.width": "2px",
-  "button.focus.halo.color": "#0696d7",
+  "button.focus.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.pressed.halo.width": "4px",
-  "button.pressed.halo.color": "#0696d7",
-  "button.disabled.halo.width": "0",
-  "button.disabled.halo.color": "rgba(255, 255, 255, 0)",
+  "button.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
+  "button.disabled.opacity": "0.5",
   "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.outline.borderColor": "#BEC8D2",
+  "button.outline.borderColor": "rgb(190, 200, 210)",
   "button.outline.halo.color": "#bbbbbb",
@@ -241,3 +241,3 @@ "button.outline.textColor": "#000000",
   "button.outline.hover.borderColor": "#0ED3BE",
-  "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+  "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.15)",
   "button.outline.hover.textColor": "#000000",
@@ -247,3 +247,3 @@ "button.outline.hover.icon.color": "#000000",
   "button.outline.focus.borderColor": "#5CE1D3",
-  "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+  "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.outline.focus.textColor": "#ffffff",
@@ -257,7 +257,2 @@ "button.outline.focus.icon.color": "#ffffff",
   "button.outline.pressed.icon.color": "#000000",
-  "button.outline.disabled.backgroundColor": "rgba(255, 255, 255, 0.2)",
-  "button.outline.disabled.borderColor": "rgb(212, 219, 225)",
-  "button.outline.disabled.halo.color": "rgba(255, 255, 255, 0.2)",
-  "button.outline.disabled.icon.color": "rgba(0, 0, 0, 0.2)",
-  "button.outline.disabled.textColor": "rgb(190, 200, 210)",
   "button.solid.backgroundColor": "#0696d7",
@@ -284,7 +279,2 @@ "button.solid.borderColor": "#0696d7",
   "button.solid.pressed.icon.color": "#f5f5f5",
-  "button.solid.disabled.backgroundColor": "rgb(204, 234, 249)",
-  "button.solid.disabled.borderColor": "#0696d7",
-  "button.solid.disabled.halo.color": "rgba(255, 255, 255, 0)",
-  "button.solid.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-  "button.solid.disabled.textColor": "rgba(255, 255, 255, 0.2)",
   "button.flat.backgroundColor": "rgba(255, 255, 255, 0)",
@@ -297,3 +287,3 @@ "button.flat.borderColor": "rgba(255, 255, 255, 0)",
   "button.flat.hover.borderColor": "#0ED3BE",
-  "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+  "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.15)",
   "button.flat.hover.textColor": "#000000",
@@ -303,3 +293,3 @@ "button.flat.hover.icon.color": "#000000",
   "button.flat.focus.borderColor": "#5CE1D3",
-  "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+  "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.15)",
   "button.flat.focus.textColor": "#ffffff",
@@ -313,28 +303,56 @@ "button.flat.focus.icon.color": "#ffffff",
   "button.flat.pressed.icon.color": "#000000",
-  "button.flat.disabled.backgroundColor": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.borderColor": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.halo.color": "rgba(255, 255, 255, 0)",
-  "button.flat.disabled.textColor": "rgb(190, 200, 210)",
-  "button.flat.disabled.icon.color": "rgb(190, 200, 210)",
+  "avatar.fontWeight": 400,
+  "avatar.fontColorOnDark": "#ffffff",
+  "avatar.fontColorOnLight": "#3c3c3c",
+  "avatar.extraSmall.fontSize": "11px",
+  "avatar.extraSmall.diameter": "16px",
+  "avatar.small.fontSize": "12px",
+  "avatar.small.diameter": "24px",
+  "avatar.medium.fontSize": "14px",
+  "avatar.medium.diameter": "32px",
+  "avatar.large.fontSize": "24px",
+  "avatar.large.diameter": "48px",
+  "avatar.extraLarge.fontSize": "30px",
+  "avatar.extraLarge.diameter": "64px",
+  "avatar.color1.backgroundColor": "#6ac0e7",
+  "avatar.color1.fontColor": "#3c3c3c",
+  "avatar.color2.backgroundColor": "#1858a8",
+  "avatar.color2.fontColor": "#ffffff",
+  "avatar.color3.backgroundColor": "#5d822c",
+  "avatar.color3.fontColor": "#ffffff",
+  "avatar.color4.backgroundColor": "#ff9582",
+  "avatar.color4.fontColor": "#3c3c3c",
+  "avatar.color5.backgroundColor": "#7993b0",
+  "avatar.color5.fontColor": "#ffffff",
+  "avatar.color6.backgroundColor": "#5bc9bd",
+  "avatar.color6.fontColor": "#3c3c3c",
+  "avatar.color7.backgroundColor": "#faa21b",
+  "avatar.color7.fontColor": "#3c3c3c",
   "checkbox.backgroundColor": "#ffffff",
-  "checkbox.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.borderColor": "#BEC8D2",
   "checkbox.borderWidth": "1px",
-  "checkbox.borderRadius": "0",
-  "checkbox.halo.color": "rgba(14, 211, 190, 0.15)",
-  "checkbox.halo.width": "0",
-  "checkbox.labelSpacing": "12px",
+  "checkbox.borderRadius": "3px",
+  "checkbox.halo.color": "rgba(128, 128, 128, 0.4)",
+  "checkbox.halo.width": "2px",
+  "checkbox.height": "16px",
+  "checkbox.iconColor": "#ffffff",
+  "checkbox.width": "16px",
   "checkbox.hover.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.hover.halo.width": "1px",
-  "checkbox.hover.halo.color": "rgba(14, 211, 190, 0.15)",
-  "checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.25)",
-  "checkbox.focus.halo.width": "1px",
-  "checkbox.active.borderColor": "rgba(128, 128, 128, 0.5)",
-  "checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
-  "checkbox.active.halo.width": "1px",
-  "checkbox.checked.borderColor": "#808080",
+  "checkbox.hover.halo.width": 0,
+  "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+  "checkbox.focus.borderColor": "rgb(6, 113, 161)",
+  "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+  "checkbox.focus.halo.width": 0,
+  "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
+  "checkbox.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+  "checkbox.pressed.halo.width": 0,
+  "checkbox.checked.borderColor": "#7993B0",
   "checkbox.checked.iconColor": "#ffffff",
-  "checkbox.checked.backgroundColor": "#808080",
-  "checkbox.disabled.borderColor": "#808080",
-  "checkbox.disabled.checked.backgroundColor": "#808080",
+  "checkbox.checked.backgroundColor": "#7993B0",
+  "checkbox.indeterminate.borderColor": "#7993B0",
+  "checkbox.indeterminate.iconColor": "#ffffff",
+  "checkbox.indeterminate.backgroundColor": "#7993B0",
+  "checkbox.focus.checked.backgroundColor": "#0671A1",
+  "checkbox.focus.checked.borderColor": "rgba(6, 113, 161, 0.5)",
+  "checkbox.focus.indeterminate.borderColor": "rgba(6, 113, 161, 0.5)",
   "formField.instructionalText.fontSize": "12px",
@@ -358,5 +376,5 @@ "formField.instructionalText.fontWeight": 400,
   "input.borderRadius": "0",
-  "input.borderColor": "#808080",
+  "input.borderColor": "rgba(128, 128, 128, 0.2)",
   "input.borderWidth": "1px",
-  "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+  "input.borderBottomColor": "rgba(128, 128, 128, 0.35)",
   "input.borderBottomWidth": "1px",
@@ -367,2 +385,3 @@ "input.fontColor": "#3c3c3c",
   "input.fontSize": "14px",
+  "input.height": "28px",
   "input.lineHeight": "1.4",
@@ -380,4 +399,5 @@ "input.halo.color": "rgba(14, 211, 190, 0.15)",
   "input.active.halo.color": "rgba(6, 150, 215, 0.25)",
-  "input.disabled.borderColor": "#808080",
-  "input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
+  "input.disabled.opacity": 0.5,
+  "input.box.borderBottomColor": "rgba(128, 128, 128, 0.2)",
+  "input.box.backgroundColor": "#ffffff",
   "skeletonItem.borderRadius": "2px",
@@ -388,3 +408,28 @@ "skeletonItem.defaultHeight": "16px",
   "textArea.minHeight": "250px",
-  "textArea.borderColor": "#808080",
+  "textArea.borderColor": "rgba(128, 128, 128, 0.2)",
+  "typography.body.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.body.fontWeight": 400,
+  "typography.body.fontSize": "14px",
+  "typography.body.lineHeight": "1.3",
+  "typography.body.color": "#3c3c3c",
+  "typography.caption.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.caption.fontWeight": 400,
+  "typography.caption.fontSize": "12px",
+  "typography.caption.lineHeight": "1.3",
+  "typography.caption.color": "#3c3c3c",
+  "typography.h1.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h1.fontWeight": 400,
+  "typography.h1.fontSize": "28px",
+  "typography.h1.lineHeight": "1.5",
+  "typography.h1.color": "#3c3c3c",
+  "typography.h2.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h2.fontWeight": 400,
+  "typography.h2.fontSize": "24px",
+  "typography.h2.lineHeight": "1.3",
+  "typography.h2.color": "#3c3c3c",
+  "typography.h3.fontFamily": "ArtifaktElement, sans-serif",
+  "typography.h3.fontWeight": 600,
+  "typography.h3.fontSize": "20px",
+  "typography.h3.lineHeight": "1.4",
+  "typography.h3.color": "#3c3c3c",
   "label.fontSize": "12px",
@@ -396,3 +441,2 @@ "label.fontWeight": 400,
   "label.hover.fontColor": "rgba(60, 60, 60, 0.6)",
-  "label.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
   "menu.backgroundColor": "#ffffff",
@@ -399,0 +443,0 @@ "menu.borderRadius": "2px",

build/json/webLightMediumDensityTheme/theme.json

@@ -169,3 +169,3 @@ {
     "basics.fontWeights.medium": 600,
-    "basics.fontWeights.bold": 700,
+    "basics.fontWeights.bold": "700",
     "basics.lineHeights.small": "1.3",
@@ -223,6 +223,7 @@ "basics.lineHeights.medium": "1.4",
     "density.fontSizes.extraExtraLarge": "28px",
+    "component.disabled.opacity": "0.5",
     "button.borderRadius": "4px",
     "button.borderWidth": "1px",
-    "button.fontWeight": 700,
-    "button.lineHeight": "1.4",
+    "button.fontWeight": "700",
+    "button.lineHeight": "18px",
     "button.fontFamily": "ArtifaktElement, sans-serif",
@@ -237,11 +238,10 @@ "button.fontSize": "14px",
     "button.hover.halo.width": "2px",
-    "button.hover.halo.color": "#808080",
+    "button.hover.halo.color": "rgba(128, 128, 128, 0.15)",
     "button.focus.halo.width": "2px",
-    "button.focus.halo.color": "#0696d7",
+    "button.focus.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.pressed.halo.width": "4px",
-    "button.pressed.halo.color": "#0696d7",
-    "button.disabled.halo.width": "0",
-    "button.disabled.halo.color": "rgba(255, 255, 255, 0)",
+    "button.pressed.halo.color": "rgba(6, 150, 215, 0.15)",
+    "button.disabled.opacity": "0.5",
     "button.outline.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.outline.borderColor": "#BEC8D2",
+    "button.outline.borderColor": "rgb(190, 200, 210)",
     "button.outline.halo.color": "#bbbbbb",
@@ -252,3 +252,3 @@ "button.outline.textColor": "#000000",
     "button.outline.hover.borderColor": "#0ED3BE",
-    "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+    "button.outline.hover.halo.color": "rgba(128, 128, 128, 0.15)",
     "button.outline.hover.textColor": "#000000",
@@ -258,3 +258,3 @@ "button.outline.hover.icon.color": "#000000",
     "button.outline.focus.borderColor": "#5CE1D3",
-    "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+    "button.outline.focus.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.outline.focus.textColor": "#ffffff",
@@ -268,7 +268,2 @@ "button.outline.focus.icon.color": "#ffffff",
     "button.outline.pressed.icon.color": "#000000",
-    "button.outline.disabled.backgroundColor": "rgba(255, 255, 255, 0.2)",
-    "button.outline.disabled.borderColor": "rgb(212, 219, 225)",
-    "button.outline.disabled.halo.color": "rgba(255, 255, 255, 0.2)",
-    "button.outline.disabled.icon.color": "rgba(0, 0, 0, 0.2)",
-    "button.outline.disabled.textColor": "rgb(190, 200, 210)",
     "button.solid.backgroundColor": "#0696d7",
@@ -295,7 +290,2 @@ "button.solid.borderColor": "#0696d7",
     "button.solid.pressed.icon.color": "#f5f5f5",
-    "button.solid.disabled.backgroundColor": "rgb(204, 234, 249)",
-    "button.solid.disabled.borderColor": "#0696d7",
-    "button.solid.disabled.halo.color": "rgba(255, 255, 255, 0)",
-    "button.solid.disabled.icon.color": "rgba(245, 245, 245, 0.2)",
-    "button.solid.disabled.textColor": "rgba(255, 255, 255, 0.2)",
     "button.flat.backgroundColor": "rgba(255, 255, 255, 0)",
@@ -308,3 +298,3 @@ "button.flat.borderColor": "rgba(255, 255, 255, 0)",
     "button.flat.hover.borderColor": "#0ED3BE",
-    "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+    "button.flat.hover.halo.color": "rgba(128, 128, 128, 0.15)",
     "button.flat.hover.textColor": "#000000",
@@ -314,3 +304,3 @@ "button.flat.hover.icon.color": "#000000",
     "button.flat.focus.borderColor": "#5CE1D3",
-    "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+    "button.flat.focus.halo.color": "rgba(6, 150, 215, 0.15)",
     "button.flat.focus.textColor": "#ffffff",
@@ -324,28 +314,56 @@ "button.flat.focus.icon.color": "#ffffff",
     "button.flat.pressed.icon.color": "#000000",
-    "button.flat.disabled.backgroundColor": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.borderColor": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.halo.color": "rgba(255, 255, 255, 0)",
-    "button.flat.disabled.textColor": "rgb(190, 200, 210)",
-    "button.flat.disabled.icon.color": "rgb(190, 200, 210)",
+    "avatar.fontWeight": 400,
+    "avatar.fontColorOnDark": "#ffffff",
+    "avatar.fontColorOnLight": "#3c3c3c",
+    "avatar.extraSmall.fontSize": "11px",
+    "avatar.extraSmall.diameter": "16px",
+    "avatar.small.fontSize": "12px",
+    "avatar.small.diameter": "24px",
+    "avatar.medium.fontSize": "14px",
+    "avatar.medium.diameter": "32px",
+    "avatar.large.fontSize": "24px",
+    "avatar.large.diameter": "48px",
+    "avatar.extraLarge.fontSize": "30px",
+    "avatar.extraLarge.diameter": "64px",
+    "avatar.color1.backgroundColor": "#6ac0e7",
+    "avatar.color1.fontColor": "#3c3c3c",
+    "avatar.color2.backgroundColor": "#1858a8",
+    "avatar.color2.fontColor": "#ffffff",
+    "avatar.color3.backgroundColor": "#5d822c",
+    "avatar.color3.fontColor": "#ffffff",
+    "avatar.color4.backgroundColor": "#ff9582",
+    "avatar.color4.fontColor": "#3c3c3c",
+    "avatar.color5.backgroundColor": "#7993b0",
+    "avatar.color5.fontColor": "#ffffff",
+    "avatar.color6.backgroundColor": "#5bc9bd",
+    "avatar.color6.fontColor": "#3c3c3c",
+    "avatar.color7.backgroundColor": "#faa21b",
+    "avatar.color7.fontColor": "#3c3c3c",
     "checkbox.backgroundColor": "#ffffff",
-    "checkbox.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.borderColor": "#BEC8D2",
     "checkbox.borderWidth": "1px",
-    "checkbox.borderRadius": "0",
-    "checkbox.halo.color": "rgba(14, 211, 190, 0.15)",
-    "checkbox.halo.width": "0",
-    "checkbox.labelSpacing": "12px",
+    "checkbox.borderRadius": "3px",
+    "checkbox.halo.color": "rgba(128, 128, 128, 0.4)",
+    "checkbox.halo.width": "2px",
+    "checkbox.height": "16px",
+    "checkbox.iconColor": "#ffffff",
+    "checkbox.width": "16px",
     "checkbox.hover.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.hover.halo.width": "1px",
-    "checkbox.hover.halo.color": "rgba(14, 211, 190, 0.15)",
-    "checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.25)",
-    "checkbox.focus.halo.width": "1px",
-    "checkbox.active.borderColor": "rgba(128, 128, 128, 0.5)",
-    "checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
-    "checkbox.active.halo.width": "1px",
-    "checkbox.checked.borderColor": "#808080",
+    "checkbox.hover.halo.width": 0,
+    "checkbox.hover.halo.color": "rgba(128, 128, 128, 0.4)",
+    "checkbox.focus.borderColor": "rgb(6, 113, 161)",
+    "checkbox.focus.halo.color": "rgba(6, 150, 215, 0.4)",
+    "checkbox.focus.halo.width": 0,
+    "checkbox.pressed.borderColor": "rgba(128, 128, 128, 0.5)",
+    "checkbox.pressed.halo.color": "rgba(6, 150, 215, 0.4)",
+    "checkbox.pressed.halo.width": 0,
+    "checkbox.checked.borderColor": "#7993B0",
     "checkbox.checked.iconColor": "#ffffff",
-    "checkbox.checked.backgroundColor": "#808080",
-    "checkbox.disabled.borderColor": "#808080",
-    "checkbox.disabled.checked.backgroundColor": "#808080",
+    "checkbox.checked.backgroundColor": "#7993B0",
+    "checkbox.indeterminate.borderColor": "#7993B0",
+    "checkbox.indeterminate.iconColor": "#ffffff",
+    "checkbox.indeterminate.backgroundColor": "#7993B0",
+    "checkbox.focus.checked.backgroundColor": "#0671A1",
+    "checkbox.focus.checked.borderColor": "rgba(6, 113, 161, 0.5)",
+    "checkbox.focus.indeterminate.borderColor": "rgba(6, 113, 161, 0.5)",
     "formField.instructionalText.fontSize": "12px",
@@ -369,5 +387,5 @@ "formField.instructionalText.fontWeight": 400,
     "input.borderRadius": "0",
-    "input.borderColor": "#808080",
+    "input.borderColor": "rgba(128, 128, 128, 0.2)",
     "input.borderWidth": "1px",
-    "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",
+    "input.borderBottomColor": "rgba(128, 128, 128, 0.35)",
     "input.borderBottomWidth": "1px",
@@ -378,2 +396,3 @@ "input.fontColor": "#3c3c3c",
     "input.fontSize": "14px",
+    "input.height": "28px",
     "input.lineHeight": "1.4",
@@ -391,4 +410,5 @@ "input.halo.color": "rgba(14, 211, 190, 0.15)",
     "input.active.halo.color": "rgba(6, 150, 215, 0.25)",
-    "input.disabled.borderColor": "#808080",
-    "input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
+    "input.disabled.opacity": 0.5,
+    "input.box.borderBottomColor": "rgba(128, 128, 128, 0.2)",
+    "input.box.backgroundColor": "#ffffff",
     "skeletonItem.borderRadius": "2px",
@@ -399,3 +419,28 @@ "skeletonItem.defaultHeight": "16px",
     "textArea.minHeight": "250px",
-    "textArea.borderColor": "#808080",
+    "textArea.borderColor": "rgba(128, 128, 128, 0.2)",
+    "typography.body.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.body.fontWeight": 400,
+    "typography.body.fontSize": "14px",
+    "typography.body.lineHeight": "1.3",
+    "typography.body.color": "#3c3c3c",
+    "typography.caption.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.caption.fontWeight": 400,
+    "typography.caption.fontSize": "12px",
+    "typography.caption.lineHeight": "1.3",
+    "typography.caption.color": "#3c3c3c",
+    "typography.h1.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h1.fontWeight": 400,
+    "typography.h1.fontSize": "28px",
+    "typography.h1.lineHeight": "1.5",
+    "typography.h1.color": "#3c3c3c",
+    "typography.h2.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h2.fontWeight": 400,
+    "typography.h2.fontSize": "24px",
+    "typography.h2.lineHeight": "1.3",
+    "typography.h2.color": "#3c3c3c",
+    "typography.h3.fontFamily": "ArtifaktElement, sans-serif",
+    "typography.h3.fontWeight": 600,
+    "typography.h3.fontSize": "20px",
+    "typography.h3.lineHeight": "1.4",
+    "typography.h3.color": "#3c3c3c",
     "label.fontSize": "12px",
@@ -407,3 +452,2 @@ "label.fontWeight": 400,
     "label.hover.fontColor": "rgba(60, 60, 60, 0.6)",
-    "label.disabled.fontColor": "rgba(60, 60, 60, 0.2)",
     "menu.backgroundColor": "#ffffff",
@@ -410,0 +454,0 @@ "menu.borderRadius": "2px",

build/json/webLightMediumDensityTheme/unresolvedRoles.json

@@ -627,3 +627,3 @@ {
   "basics.fontWeights.bold": {
-    "value": 700,
+    "value": "700",
     "type": "fontWeight"
@@ -898,2 +898,6 @@ },
   },
+  "component.disabled.opacity": {
+    "type": "opacity",
+    "value": "0.5"
+  },
   "button.borderRadius": {
@@ -919,5 +923,3 @@ "type": "borderRadius",
     "type": "lineHeight",
-    "value": {
-      "ref": "basics.lineHeights.medium"
-    }
+    "value": "18px"
   },
@@ -964,3 +966,3 @@ "button.fontFamily": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -975,3 +977,6 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.15
     }
@@ -986,3 +991,6 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.15
     }
@@ -997,18 +1005,12 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    }
-  },
-  "button.disabled.halo.width": {
-    "type": "length",
-    "value": "0"
-  },
-  "button.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.white"
+      "ref": "colorScheme.accentColor"
     },
     "transform": {
-      "alpha": 0
+      "alpha": 0.15
     }
   },
+  "button.disabled.opacity": {
+    "type": "opacity",
+    "value": "0.5"
+  },
   "button.outline.backgroundColor": {
@@ -1025,3 +1027,6 @@ "type": "color",
     "type": "color",
-    "value": "#BEC8D2"
+    "value": "#BEC8D2",
+    "transform": {
+      "alpha": 1
+    }
   },
@@ -1059,6 +1064,3 @@ "button.outline.halo.color": {
     "value": {
-      "ref": "basics.colors.charcoal600"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.hover.halo.color"
     }
@@ -1089,6 +1091,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.focus.halo.color"
     }
@@ -1143,47 +1142,6 @@ },
   },
-  "button.outline.disabled.backgroundColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.backgroundColor"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.borderColor": {
-    "type": "color",
-    "value": "#D4DBE1",
-    "transform": {
-      "alpha": 1
-    }
-  },
-  "button.outline.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.disabled.halo.color"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.icon.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.outline.icon.color"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.outline.disabled.textColor": {
-    "type": "color",
-    "value": "#BEC8D2",
-    "transform": {
-      "alpha": 1
-    }
-  },
   "button.solid.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1194,3 +1152,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1315,42 +1273,2 @@ },
   },
-  "button.solid.disabled.backgroundColor": {
-    "type": "color",
-    "value": "#CCEAF9",
-    "transform": {
-      "alpha": 1
-    }
-  },
-  "button.solid.disabled.borderColor": {
-    "type": "color",
-    "value": {
-      "ref": "button.solid.borderColor",
-      "transform": {
-        "alpha": 0.2
-      }
-    }
-  },
-  "button.solid.disabled.halo.color": {
-    "type": "color",
-    "value": {
-      "ref": "button.disabled.halo.color"
-    }
-  },
-  "button.solid.disabled.icon.color": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.textAgainstDark"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
-  "button.solid.disabled.textColor": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.white"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "button.flat.backgroundColor": {
@@ -1406,5 +1324,2 @@ "type": "color",
       "ref": "button.hover.halo.color"
-    },
-    "transform": {
-      "alpha": 0.4
     }
@@ -1435,6 +1350,3 @@ },
     "value": {
-      "ref": "basics.colors.autodeskBlue500"
-    },
-    "transform": {
-      "alpha": 0.4
+      "ref": "button.focus.halo.color"
     }
@@ -1491,43 +1403,144 @@ },
   },
-  "button.flat.disabled.backgroundColor": {
+  "avatar.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "avatar.fontColorOnDark": {
     "type": "color",
     "value": {
-      "ref": "button.flat.backgroundColor",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.white"
     }
   },
-  "button.flat.disabled.borderColor": {
+  "avatar.fontColorOnLight": {
     "type": "color",
     "value": {
-      "ref": "button.flat.borderColor",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.textAgainstLight"
     }
   },
-  "button.flat.disabled.halo.color": {
+  "avatar.extraSmall.fontSize": {
+    "type": "fontSize",
+    "value": "11px"
+  },
+  "avatar.extraSmall.diameter": {
+    "type": "length",
+    "value": "16px"
+  },
+  "avatar.small.fontSize": {
+    "type": "fontSize",
+    "value": "12px"
+  },
+  "avatar.small.diameter": {
+    "type": "length",
+    "value": "24px"
+  },
+  "avatar.medium.fontSize": {
+    "type": "fontSize",
+    "value": "14px"
+  },
+  "avatar.medium.diameter": {
+    "type": "length",
+    "value": "32px"
+  },
+  "avatar.large.fontSize": {
+    "type": "fontSize",
+    "value": "24px"
+  },
+  "avatar.large.diameter": {
+    "type": "length",
+    "value": "48px"
+  },
+  "avatar.extraLarge.fontSize": {
+    "type": "fontSize",
+    "value": "30px"
+  },
+  "avatar.extraLarge.diameter": {
+    "type": "length",
+    "value": "64px"
+  },
+  "avatar.color1.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "button.disabled.halo.color",
-      "transform": {
-        "alpha": 0.2
-      }
+      "ref": "basics.colors.autodeskBlue300"
     }
   },
-  "button.flat.disabled.textColor": {
+  "avatar.color1.fontColor": {
     "type": "color",
-    "value": "#BEC8D2",
-    "transform": {
-      "alpha": 1
+    "value": {
+      "ref": "avatar.fontColorOnLight"
     }
   },
-  "button.flat.disabled.icon.color": {
+  "avatar.color2.backgroundColor": {
     "type": "color",
-    "value": "#BEC8D2",
-    "transform": {
-      "alpha": 1
+    "value": {
+      "ref": "basics.colors.darkBlue600"
     }
   },
+  "avatar.color2.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color3.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.green700"
+    }
+  },
+  "avatar.color3.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color4.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.salmon400"
+    }
+  },
+  "avatar.color4.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
+  "avatar.color5.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.slate500"
+    }
+  },
+  "avatar.color5.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnDark"
+    }
+  },
+  "avatar.color6.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.turquoise400"
+    }
+  },
+  "avatar.color6.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
+  "avatar.color7.backgroundColor": {
+    "type": "color",
+    "value": {
+      "ref": "basics.colors.yellowOrange500"
+    }
+  },
+  "avatar.color7.fontColor": {
+    "type": "color",
+    "value": {
+      "ref": "avatar.fontColorOnLight"
+    }
+  },
   "checkbox.backgroundColor": {
@@ -1541,20 +1554,11 @@ "type": "color",
     "type": "color",
-    "transform": {
-      "alpha": 0.5
-    },
-    "value": {
-      "ref": "colorScheme.baseColor"
-    }
+    "value": "#BEC8D2"
   },
   "checkbox.borderWidth": {
     "type": "borderWidth",
-    "value": {
-      "ref": "input.borderBottomWidth"
-    }
+    "value": "1px"
   },
   "checkbox.borderRadius": {
     "type": "borderRadius",
-    "value": {
-      "ref": "basics.borderRadii.small"
-    }
+    "value": "3px"
   },
@@ -1564,3 +1568,6 @@ "checkbox.halo.color": {
     "value": {
-      "ref": "input.halo.color"
+      "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.4
     }
@@ -1570,12 +1577,18 @@ },
     "type": "length",
-    "value": {
-      "ref": "input.halo.width"
-    }
+    "value": "2px"
   },
-  "checkbox.labelSpacing": {
+  "checkbox.height": {
     "type": "length",
+    "value": "16px"
+  },
+  "checkbox.iconColor": {
+    "type": "color",
     "value": {
-      "ref": "density.spacings.small"
+      "ref": "basics.colors.white"
     }
   },
+  "checkbox.width": {
+    "type": "length",
+    "value": "16px"
+  },
   "checkbox.hover.borderColor": {
@@ -1592,5 +1605,3 @@ "type": "color",
     "type": "length",
-    "value": {
-      "ref": "input.hover.halo.width"
-    }
+    "value": 0
   },
@@ -1600,3 +1611,3 @@ "checkbox.hover.halo.color": {
     "value": {
-      "ref": "input.halo.color"
+      "ref": "checkbox.halo.color"
     }
@@ -1606,7 +1617,5 @@ },
     "type": "color",
-    "value": {
-      "ref": "colorScheme.baseColor"
-    },
+    "value": "#0671A1",
     "transform": {
-      "alpha": 0.5
+      "alpha": 1
     }
@@ -1617,3 +1626,6 @@ },
     "value": {
-      "ref": "input.focus.halo.color"
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.4
     }
@@ -1623,7 +1635,5 @@ },
     "type": "length",
-    "value": {
-      "ref": "input.focus.halo.width"
-    }
+    "value": 0
   },
-  "checkbox.active.borderColor": {
+  "checkbox.pressed.borderColor": {
     "type": "color",
@@ -1637,19 +1647,18 @@ "value": {
   },
-  "checkbox.active.halo.color": {
+  "checkbox.pressed.halo.color": {
     "type": "color",
     "value": {
-      "ref": "input.active.halo.color"
+      "ref": "colorScheme.accentColor"
+    },
+    "transform": {
+      "alpha": 0.4
     }
   },
-  "checkbox.active.halo.width": {
+  "checkbox.pressed.halo.width": {
     "type": "length",
-    "value": {
-      "ref": "input.active.halo.width"
-    }
+    "value": 0
   },
   "checkbox.checked.borderColor": {
     "type": "color",
-    "value": {
-      "ref": "colorScheme.baseColor"
-    }
+    "value": "#7993B0"
   },
@@ -1664,19 +1673,34 @@ "checkbox.checked.iconColor": {
     "type": "color",
+    "value": "#7993B0"
+  },
+  "checkbox.indeterminate.borderColor": {
+    "type": "color",
+    "value": "#7993B0"
+  },
+  "checkbox.indeterminate.iconColor": {
+    "type": "color",
     "value": {
-      "ref": "colorScheme.baseColor"
+      "ref": "basics.colors.white"
     }
   },
-  "checkbox.disabled.borderColor": {
+  "checkbox.indeterminate.backgroundColor": {
     "type": "color",
-    "value": {
-      "ref": "input.disabled.borderColor"
+    "value": "#7993B0"
+  },
+  "checkbox.focus.checked.backgroundColor": {
+    "type": "color",
+    "value": "#0671A1"
+  },
+  "checkbox.focus.checked.borderColor": {
+    "type": "color",
+    "value": "#0671A1",
+    "transform": {
+      "alpha": 0.5
     }
   },
-  "checkbox.disabled.checked.backgroundColor": {
+  "checkbox.focus.indeterminate.borderColor": {
     "type": "color",
-    "value": {
-      "ref": "colorScheme.baseColor"
-    },
+    "value": "#0671A1",
     "transform": {
-      "alhpa": 0.5
+      "alpha": 0.5
     }
@@ -1773,11 +1797,7 @@ },
     "type": "length",
-    "value": {
-      "ref": "density.spacings.extraSmall"
-    }
+    "value": "8px"
   },
   "input.verticalPadding": {
     "type": "length",
-    "value": {
-      "ref": "density.spacings.extraExtraSmall"
-    }
+    "value": "4px"
   },
@@ -1794,2 +1814,5 @@ "input.borderRadius": {
       "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.2
     }
@@ -1809,3 +1832,3 @@ },
     "transform": {
-      "alpha": 0.5
+      "alpha": 0.35
     }
@@ -1843,2 +1866,6 @@ },
   },
+  "input.height": {
+    "type": "length",
+    "value": "28px"
+  },
   "input.lineHeight": {
@@ -1921,15 +1948,19 @@ "type": "lineHeight",
   },
-  "input.disabled.borderColor": {
+  "input.disabled.opacity": {
+    "type": "opacity",
+    "value": 0.5
+  },
+  "input.box.borderBottomColor": {
     "type": "color",
     "value": {
       "ref": "colorScheme.baseColor"
+    },
+    "transform": {
+      "alpha": 0.2
     }
   },
-  "input.disabled.fontColor": {
+  "input.box.backgroundColor": {
     "type": "color",
     "value": {
-      "ref": "colorScheme.textColor"
-    },
-    "transform": {
-      "alpha": 0.2
+      "ref": "colorScheme.component.backgroundColor"
     }
@@ -1977,2 +2008,152 @@ },
   },
+  "typography.body.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.body.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.body.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.medium"
+    }
+  },
+  "typography.body.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.body.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.caption.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.caption.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.caption.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.small"
+    }
+  },
+  "typography.caption.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.caption.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h1.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h1.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.h1.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.extraExtraLarge"
+    }
+  },
+  "typography.h1.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.large"
+    }
+  },
+  "typography.h1.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h2.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h2.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.regular"
+    }
+  },
+  "typography.h2.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.extraLarge"
+    }
+  },
+  "typography.h2.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.small"
+    }
+  },
+  "typography.h2.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
+  "typography.h3.fontFamily": {
+    "type": "fontFamily",
+    "value": {
+      "ref": "basics.fontFamilies.main"
+    }
+  },
+  "typography.h3.fontWeight": {
+    "type": "fontWeight",
+    "value": {
+      "ref": "basics.fontWeights.medium"
+    }
+  },
+  "typography.h3.fontSize": {
+    "type": "fontSize",
+    "value": {
+      "ref": "density.fontSizes.large"
+    }
+  },
+  "typography.h3.lineHeight": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "basics.lineHeights.medium"
+    }
+  },
+  "typography.h3.color": {
+    "type": "lineHeight",
+    "value": {
+      "ref": "colorScheme.textColor"
+    }
+  },
   "label.fontSize": {
@@ -2020,11 +2201,2 @@ "type": "fontSize",
   },
-  "label.disabled.fontColor": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.textAgainstLight"
-    },
-    "transform": {
-      "alpha": 0.2
-    }
-  },
   "menu.backgroundColor": {
@@ -2031,0 +2203,0 @@ "type": "color",

CHANGELOG.md

@@ -0,1 +1,23 @@
+# [@hig/theme-data-v1.4.0](https://github.com/Autodesk/hig/compare/@hig/theme-data@1.3.0...@hig/theme-data@1.4.0) (2019-01-03)
+
+
+### Bug Fixes
+
+* "bascis" typo in Typography theme data ([06359cd](https://github.com/Autodesk/hig/commit/06359cd))
+* design tweaks for button theme data ([0653ade](https://github.com/Autodesk/hig/commit/0653ade))
+* update theme-data roles for input ([059236b](https://github.com/Autodesk/hig/commit/059236b))
+* uses correct font weight and pressed halo color ([0a58054](https://github.com/Autodesk/hig/commit/0a58054))
+
+
+### Features
+
+* add base roles for Avatar ([6826b63](https://github.com/Autodesk/hig/commit/6826b63))
+* add dark gray theme data ([0ba17ba](https://github.com/Autodesk/hig/commit/0ba17ba))
+* Add theme data for avatars ([270ad9d](https://github.com/Autodesk/hig/commit/270ad9d))
+* gives buttons intended height ([9358562](https://github.com/Autodesk/hig/commit/9358562))
+* uses correct bold font weight ([debc42e](https://github.com/Autodesk/hig/commit/debc42e))
+* **checkbox:** update disabled checkboxes to use opacity ([f35b916](https://github.com/Autodesk/hig/commit/f35b916))
+* **label:** disabled styling should use opacity instead of colors ([556b4c3](https://github.com/Autodesk/hig/commit/556b4c3))
+* **theme-data:** add checkbox theme-data ([95fe6b7](https://github.com/Autodesk/hig/commit/95fe6b7))
+
 # [@hig/theme-data-v1.3.0](https://github.com/Autodesk/hig/compare/@hig/theme-data@1.2.0...@hig/theme-data@1.3.0) (2018-12-11)
@@ -2,0 +24,0 @@

package.json

 {
   "name": "@hig/theme-data",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "HIG Theme Data",
@@ -37,3 +37,3 @@ "author": "Autodesk Inc.",
     "camelcase": "^5.0.0",
-    "style-dictionary": "^2.4.0"
+    "style-dictionary": "^2.6.2"
   },
@@ -40,0 +40,0 @@ "dependencies": {

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

844720

increased by43.92%

Number of package files

45

increased by28.57%

Lines of code

25514

increased by45.53%

No dependency changes