Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@hig/theme-data

Package Overview
Dependencies
Maintainers
7
Versions
61
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@hig/theme-data - npm Package Compare versions

Comparing version 1.0.0-alpha.1 to 1.0.0

CHANGELOG.md

13

build/index.es.js

@@ -47,6 +47,11 @@ import tinycolor from 'tinycolor2';

}
var dereferencedValue = valueData.value && valueData.value.ref ? _extends$2({}, valueData, {
value: dereferenceValue(theme, valueData.value.ref, role).value
}) : valueData;
return dereferencedValue;
if (valueData.value && valueData.value.ref) {
var dereferencedValue = dereferenceValue(theme, valueData.value.ref, role);
return _extends$2({}, dereferencedValue, valueData, {
value: dereferencedValue.value
});
}
return valueData;
}

@@ -53,0 +58,0 @@

13

build/index.js

@@ -53,6 +53,11 @@ 'use strict';

}
var dereferencedValue = valueData.value && valueData.value.ref ? _extends$2({}, valueData, {
value: dereferenceValue(theme, valueData.value.ref, role).value
}) : valueData;
return dereferencedValue;
if (valueData.value && valueData.value.ref) {
var dereferencedValue = dereferenceValue(theme, valueData.value.ref, role);
return _extends$2({}, dereferencedValue, valueData, {
value: dereferencedValue.value
});
}
return valueData;
}

@@ -59,0 +64,0 @@

60

build/json/darkBlueHighDensityTheme/resolvedRoles.json

@@ -113,19 +113,19 @@ {

"basics.colors.salmon900": "#66251a",
"basics.colors.surfaceLightGrayLevel10": "#ffffff",
"basics.colors.surfaceLightGrayLevel15": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel20": "#eeeeee",
"basics.colors.surfaceLightGrayLevel30": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel40": "#cccccc",
"basics.colors.surfaceLightGrayLevel100": "#ffffff",
"basics.colors.surfaceLightGrayLevel200": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel250": "#eeeeee",
"basics.colors.surfaceLightGrayLevel300": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel350": "#cccccc",
"basics.colors.surfaceLightGrayShadow": "#000000",
"basics.colors.surfaceDarkBlueLevel10": "#454f61",
"basics.colors.surfaceDarkBlueLevel15": "#3b4453",
"basics.colors.surfaceDarkBlueLevel20": "#2e3440",
"basics.colors.surfaceDarkBlueLevel30": "#222933",
"basics.colors.surfaceDarkBlueLevel40": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel100": "#464e61",
"basics.colors.surfaceDarkBlueLevel200": "#3b4453",
"basics.colors.surfaceDarkBlueLevel250": "#2e3440",
"basics.colors.surfaceDarkBlueLevel300": "#222933",
"basics.colors.surfaceDarkBlueLevel350": "#1a1f25",
"basics.colors.surfaceDarkBlueShadow": "#1a1f26",
"basics.colors.surfaceDarkGrayLevel10": "#616161",
"basics.colors.surfaceDarkGrayLevel15": "#545454",
"basics.colors.surfaceDarkGrayLevel20": "#404040",
"basics.colors.surfaceDarkGrayLevel30": "#333333",
"basics.colors.surfaceDarkGrayLevel40": "#262626",
"basics.colors.surfaceDarkGrayLevel100": "#535353",
"basics.colors.surfaceDarkGrayLevel200": "#474747",
"basics.colors.surfaceDarkGrayLevel250": "#373737",
"basics.colors.surfaceDarkGrayLevel300": "#2a2a2a",
"basics.colors.surfaceDarkGrayLevel350": "#202020",
"basics.colors.surfaceDarkGrayShadow": "#000000",

@@ -184,7 +184,7 @@ "basics.colors.textAgainstLight": "#3c3c3c",

"basics.spacings.lowExtraExtraLarge": "64px",
"colorScheme.surfaceLevel10Color": "#454f61",
"colorScheme.surfaceLevel15Color": "#3b4453",
"colorScheme.surfaceLevel20Color": "#2e3440",
"colorScheme.surfaceLevel30Color": "#222933",
"colorScheme.surfaceLevel40Color": "#1a1f26",
"colorScheme.surfaceLevel100Color": "#464e61",
"colorScheme.surfaceLevel200Color": "#3b4453",
"colorScheme.surfaceLevel250Color": "#2e3440",
"colorScheme.surfaceLevel300Color": "#222933",
"colorScheme.surfaceLevel350Color": "#1a1f25",
"colorScheme.baseColor": "#808080",

@@ -213,3 +213,3 @@ "colorScheme.accentColor": "#0696d7",

"checkbox.borderRadius": "0",
"checkbox.halo.color": "#808080",
"checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.halo.width": "0",

@@ -219,8 +219,8 @@ "checkbox.labelSpacing": "8px",

"checkbox.hover.halo.width": "4px",
"checkbox.hover.halo.color": "#808080",
"checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
"checkbox.focus.halo.color": "#0696d7",
"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": "#0696d7",
"checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
"checkbox.active.halo.width": "4px",

@@ -230,3 +230,3 @@ "checkbox.checked.borderColor": "#808080",

"checkbox.checked.backgroundColor": "#808080",
"checkbox.disabled.borderColor": "#3b4453",
"checkbox.disabled.borderColor": "#808080",
"checkbox.disabled.checked.backgroundColor": "#808080",

@@ -245,3 +245,3 @@ "formField.instructionalText.fontSize": "11px",

"input.borderRadius": "0",
"input.borderColor": "#3b4453",
"input.borderColor": "#808080",
"input.borderWidth": "1px",

@@ -258,3 +258,3 @@ "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",

"input.gutterWidth": "4px",
"input.placeholder.fontColor": "#f5f5f5",
"input.placeholder.fontColor": "rgba(245, 245, 245, 0.6)",
"input.hover.borderBottomColor": "#808080",

@@ -267,3 +267,3 @@ "input.hover.halo.width": "4px",

"input.active.halo.color": "rgba(6, 150, 215, 0.25)",
"input.disabled.borderColor": "#3b4453",
"input.disabled.borderColor": "#808080",
"input.disabled.fontColor": "rgba(245, 245, 245, 0.2)",

@@ -275,3 +275,3 @@ "skeletonItem.borderRadius": "2px",

"textArea.minHeight": "250px",
"textArea.borderColor": "#3b4453",
"textArea.borderColor": "#808080",
"label.fontSize": "11px",

@@ -289,3 +289,3 @@ "label.fontWeight": 400,

"menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.focus.backgroundColor": "#808080",
"menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",

@@ -292,0 +292,0 @@ "menu.item.horizontalPadding": "4px",

60

build/json/darkBlueHighDensityTheme/theme.json

@@ -124,19 +124,19 @@ {

"basics.colors.salmon900": "#66251a",
"basics.colors.surfaceLightGrayLevel10": "#ffffff",
"basics.colors.surfaceLightGrayLevel15": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel20": "#eeeeee",
"basics.colors.surfaceLightGrayLevel30": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel40": "#cccccc",
"basics.colors.surfaceLightGrayLevel100": "#ffffff",
"basics.colors.surfaceLightGrayLevel200": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel250": "#eeeeee",
"basics.colors.surfaceLightGrayLevel300": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel350": "#cccccc",
"basics.colors.surfaceLightGrayShadow": "#000000",
"basics.colors.surfaceDarkBlueLevel10": "#454f61",
"basics.colors.surfaceDarkBlueLevel15": "#3b4453",
"basics.colors.surfaceDarkBlueLevel20": "#2e3440",
"basics.colors.surfaceDarkBlueLevel30": "#222933",
"basics.colors.surfaceDarkBlueLevel40": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel100": "#464e61",
"basics.colors.surfaceDarkBlueLevel200": "#3b4453",
"basics.colors.surfaceDarkBlueLevel250": "#2e3440",
"basics.colors.surfaceDarkBlueLevel300": "#222933",
"basics.colors.surfaceDarkBlueLevel350": "#1a1f25",
"basics.colors.surfaceDarkBlueShadow": "#1a1f26",
"basics.colors.surfaceDarkGrayLevel10": "#616161",
"basics.colors.surfaceDarkGrayLevel15": "#545454",
"basics.colors.surfaceDarkGrayLevel20": "#404040",
"basics.colors.surfaceDarkGrayLevel30": "#333333",
"basics.colors.surfaceDarkGrayLevel40": "#262626",
"basics.colors.surfaceDarkGrayLevel100": "#535353",
"basics.colors.surfaceDarkGrayLevel200": "#474747",
"basics.colors.surfaceDarkGrayLevel250": "#373737",
"basics.colors.surfaceDarkGrayLevel300": "#2a2a2a",
"basics.colors.surfaceDarkGrayLevel350": "#202020",
"basics.colors.surfaceDarkGrayShadow": "#000000",

@@ -195,7 +195,7 @@ "basics.colors.textAgainstLight": "#3c3c3c",

"basics.spacings.lowExtraExtraLarge": "64px",
"colorScheme.surfaceLevel10Color": "#454f61",
"colorScheme.surfaceLevel15Color": "#3b4453",
"colorScheme.surfaceLevel20Color": "#2e3440",
"colorScheme.surfaceLevel30Color": "#222933",
"colorScheme.surfaceLevel40Color": "#1a1f26",
"colorScheme.surfaceLevel100Color": "#464e61",
"colorScheme.surfaceLevel200Color": "#3b4453",
"colorScheme.surfaceLevel250Color": "#2e3440",
"colorScheme.surfaceLevel300Color": "#222933",
"colorScheme.surfaceLevel350Color": "#1a1f25",
"colorScheme.baseColor": "#808080",

@@ -224,3 +224,3 @@ "colorScheme.accentColor": "#0696d7",

"checkbox.borderRadius": "0",
"checkbox.halo.color": "#808080",
"checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.halo.width": "0",

@@ -230,8 +230,8 @@ "checkbox.labelSpacing": "8px",

"checkbox.hover.halo.width": "4px",
"checkbox.hover.halo.color": "#808080",
"checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
"checkbox.focus.halo.color": "#0696d7",
"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": "#0696d7",
"checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
"checkbox.active.halo.width": "4px",

@@ -241,3 +241,3 @@ "checkbox.checked.borderColor": "#808080",

"checkbox.checked.backgroundColor": "#808080",
"checkbox.disabled.borderColor": "#3b4453",
"checkbox.disabled.borderColor": "#808080",
"checkbox.disabled.checked.backgroundColor": "#808080",

@@ -256,3 +256,3 @@ "formField.instructionalText.fontSize": "11px",

"input.borderRadius": "0",
"input.borderColor": "#3b4453",
"input.borderColor": "#808080",
"input.borderWidth": "1px",

@@ -269,3 +269,3 @@ "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",

"input.gutterWidth": "4px",
"input.placeholder.fontColor": "#f5f5f5",
"input.placeholder.fontColor": "rgba(245, 245, 245, 0.6)",
"input.hover.borderBottomColor": "#808080",

@@ -278,3 +278,3 @@ "input.hover.halo.width": "4px",

"input.active.halo.color": "rgba(6, 150, 215, 0.25)",
"input.disabled.borderColor": "#3b4453",
"input.disabled.borderColor": "#808080",
"input.disabled.fontColor": "rgba(245, 245, 245, 0.2)",

@@ -286,3 +286,3 @@ "skeletonItem.borderRadius": "2px",

"textArea.minHeight": "250px",
"textArea.borderColor": "#3b4453",
"textArea.borderColor": "#808080",
"label.fontSize": "11px",

@@ -300,3 +300,3 @@ "label.fontWeight": 400,

"menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.focus.backgroundColor": "#808080",
"menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",

@@ -303,0 +303,0 @@ "menu.item.horizontalPadding": "4px",

70

build/json/darkBlueHighDensityTheme/unresolvedRoles.json

@@ -446,19 +446,19 @@ {

},
"basics.colors.surfaceLightGrayLevel10": {
"basics.colors.surfaceLightGrayLevel100": {
"value": "#ffffff",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel15": {
"basics.colors.surfaceLightGrayLevel200": {
"value": "#f5f5f5",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel20": {
"basics.colors.surfaceLightGrayLevel250": {
"value": "#eeeeee",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel30": {
"basics.colors.surfaceLightGrayLevel300": {
"value": "#d9d9d9",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel40": {
"basics.colors.surfaceLightGrayLevel350": {
"value": "#cccccc",

@@ -471,20 +471,20 @@ "type": "color"

},
"basics.colors.surfaceDarkBlueLevel10": {
"value": "#454f61",
"basics.colors.surfaceDarkBlueLevel100": {
"value": "#464e61",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel15": {
"basics.colors.surfaceDarkBlueLevel200": {
"value": "#3b4453",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel20": {
"basics.colors.surfaceDarkBlueLevel250": {
"value": "#2e3440",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel30": {
"basics.colors.surfaceDarkBlueLevel300": {
"value": "#222933",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel40": {
"value": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel350": {
"value": "#1a1f25",
"type": "color"

@@ -496,20 +496,20 @@ },

},
"basics.colors.surfaceDarkGrayLevel10": {
"value": "#616161",
"basics.colors.surfaceDarkGrayLevel100": {
"value": "#535353",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel15": {
"value": "#545454",
"basics.colors.surfaceDarkGrayLevel200": {
"value": "#474747",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel20": {
"value": "#404040",
"basics.colors.surfaceDarkGrayLevel250": {
"value": "#373737",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel30": {
"value": "#333333",
"basics.colors.surfaceDarkGrayLevel300": {
"value": "#2a2a2a",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel40": {
"value": "#262626",
"basics.colors.surfaceDarkGrayLevel350": {
"value": "#202020",
"type": "color"

@@ -729,30 +729,30 @@ },

},
"colorScheme.surfaceLevel10Color": {
"colorScheme.surfaceLevel100Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceDarkBlueLevel10"
"ref": "basics.colors.surfaceDarkBlueLevel100"
}
},
"colorScheme.surfaceLevel15Color": {
"colorScheme.surfaceLevel200Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceDarkBlueLevel15"
"ref": "basics.colors.surfaceDarkBlueLevel200"
}
},
"colorScheme.surfaceLevel20Color": {
"colorScheme.surfaceLevel250Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceDarkBlueLevel20"
"ref": "basics.colors.surfaceDarkBlueLevel250"
}
},
"colorScheme.surfaceLevel30Color": {
"colorScheme.surfaceLevel300Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceDarkBlueLevel30"
"ref": "basics.colors.surfaceDarkBlueLevel300"
}
},
"colorScheme.surfaceLevel40Color": {
"colorScheme.surfaceLevel350Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceDarkBlueLevel40"
"ref": "basics.colors.surfaceDarkBlueLevel350"
}

@@ -775,3 +775,3 @@ },

"value": {
"ref": "basics.colors.surfaceDarkBlueLevel15"
"ref": "basics.colors.surfaceDarkBlueLevel200"
}

@@ -1103,3 +1103,3 @@ },

"value": {
"ref": "colorScheme.surfaceLevel15Color"
"ref": "colorScheme.baseColor"
}

@@ -1236,3 +1236,3 @@ },

"value": {
"ref": "colorScheme.surfaceLevel15Color"
"ref": "colorScheme.baseColor"
}

@@ -1239,0 +1239,0 @@ },

60

build/json/darkBlueMediumDensityTheme/resolvedRoles.json

@@ -113,19 +113,19 @@ {

"basics.colors.salmon900": "#66251a",
"basics.colors.surfaceLightGrayLevel10": "#ffffff",
"basics.colors.surfaceLightGrayLevel15": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel20": "#eeeeee",
"basics.colors.surfaceLightGrayLevel30": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel40": "#cccccc",
"basics.colors.surfaceLightGrayLevel100": "#ffffff",
"basics.colors.surfaceLightGrayLevel200": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel250": "#eeeeee",
"basics.colors.surfaceLightGrayLevel300": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel350": "#cccccc",
"basics.colors.surfaceLightGrayShadow": "#000000",
"basics.colors.surfaceDarkBlueLevel10": "#454f61",
"basics.colors.surfaceDarkBlueLevel15": "#3b4453",
"basics.colors.surfaceDarkBlueLevel20": "#2e3440",
"basics.colors.surfaceDarkBlueLevel30": "#222933",
"basics.colors.surfaceDarkBlueLevel40": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel100": "#464e61",
"basics.colors.surfaceDarkBlueLevel200": "#3b4453",
"basics.colors.surfaceDarkBlueLevel250": "#2e3440",
"basics.colors.surfaceDarkBlueLevel300": "#222933",
"basics.colors.surfaceDarkBlueLevel350": "#1a1f25",
"basics.colors.surfaceDarkBlueShadow": "#1a1f26",
"basics.colors.surfaceDarkGrayLevel10": "#616161",
"basics.colors.surfaceDarkGrayLevel15": "#545454",
"basics.colors.surfaceDarkGrayLevel20": "#404040",
"basics.colors.surfaceDarkGrayLevel30": "#333333",
"basics.colors.surfaceDarkGrayLevel40": "#262626",
"basics.colors.surfaceDarkGrayLevel100": "#535353",
"basics.colors.surfaceDarkGrayLevel200": "#474747",
"basics.colors.surfaceDarkGrayLevel250": "#373737",
"basics.colors.surfaceDarkGrayLevel300": "#2a2a2a",
"basics.colors.surfaceDarkGrayLevel350": "#202020",
"basics.colors.surfaceDarkGrayShadow": "#000000",

@@ -184,7 +184,7 @@ "basics.colors.textAgainstLight": "#3c3c3c",

"basics.spacings.lowExtraExtraLarge": "64px",
"colorScheme.surfaceLevel10Color": "#454f61",
"colorScheme.surfaceLevel15Color": "#3b4453",
"colorScheme.surfaceLevel20Color": "#2e3440",
"colorScheme.surfaceLevel30Color": "#222933",
"colorScheme.surfaceLevel40Color": "#1a1f26",
"colorScheme.surfaceLevel100Color": "#464e61",
"colorScheme.surfaceLevel200Color": "#3b4453",
"colorScheme.surfaceLevel250Color": "#2e3440",
"colorScheme.surfaceLevel300Color": "#222933",
"colorScheme.surfaceLevel350Color": "#1a1f25",
"colorScheme.baseColor": "#808080",

@@ -213,3 +213,3 @@ "colorScheme.accentColor": "#0696d7",

"checkbox.borderRadius": "0",
"checkbox.halo.color": "#808080",
"checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.halo.width": "0",

@@ -219,8 +219,8 @@ "checkbox.labelSpacing": "12px",

"checkbox.hover.halo.width": "4px",
"checkbox.hover.halo.color": "#808080",
"checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
"checkbox.focus.halo.color": "#0696d7",
"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": "#0696d7",
"checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
"checkbox.active.halo.width": "4px",

@@ -230,3 +230,3 @@ "checkbox.checked.borderColor": "#808080",

"checkbox.checked.backgroundColor": "#808080",
"checkbox.disabled.borderColor": "#3b4453",
"checkbox.disabled.borderColor": "#808080",
"checkbox.disabled.checked.backgroundColor": "#808080",

@@ -245,3 +245,3 @@ "formField.instructionalText.fontSize": "12px",

"input.borderRadius": "0",
"input.borderColor": "#3b4453",
"input.borderColor": "#808080",
"input.borderWidth": "1px",

@@ -258,3 +258,3 @@ "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",

"input.gutterWidth": "8px",
"input.placeholder.fontColor": "#f5f5f5",
"input.placeholder.fontColor": "rgba(245, 245, 245, 0.6)",
"input.hover.borderBottomColor": "#808080",

@@ -267,3 +267,3 @@ "input.hover.halo.width": "4px",

"input.active.halo.color": "rgba(6, 150, 215, 0.25)",
"input.disabled.borderColor": "#3b4453",
"input.disabled.borderColor": "#808080",
"input.disabled.fontColor": "rgba(245, 245, 245, 0.2)",

@@ -275,3 +275,3 @@ "skeletonItem.borderRadius": "2px",

"textArea.minHeight": "250px",
"textArea.borderColor": "#3b4453",
"textArea.borderColor": "#808080",
"label.fontSize": "12px",

@@ -289,3 +289,3 @@ "label.fontWeight": 400,

"menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.focus.backgroundColor": "#808080",
"menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",

@@ -292,0 +292,0 @@ "menu.item.horizontalPadding": "8px",

60

build/json/darkBlueMediumDensityTheme/theme.json

@@ -124,19 +124,19 @@ {

"basics.colors.salmon900": "#66251a",
"basics.colors.surfaceLightGrayLevel10": "#ffffff",
"basics.colors.surfaceLightGrayLevel15": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel20": "#eeeeee",
"basics.colors.surfaceLightGrayLevel30": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel40": "#cccccc",
"basics.colors.surfaceLightGrayLevel100": "#ffffff",
"basics.colors.surfaceLightGrayLevel200": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel250": "#eeeeee",
"basics.colors.surfaceLightGrayLevel300": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel350": "#cccccc",
"basics.colors.surfaceLightGrayShadow": "#000000",
"basics.colors.surfaceDarkBlueLevel10": "#454f61",
"basics.colors.surfaceDarkBlueLevel15": "#3b4453",
"basics.colors.surfaceDarkBlueLevel20": "#2e3440",
"basics.colors.surfaceDarkBlueLevel30": "#222933",
"basics.colors.surfaceDarkBlueLevel40": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel100": "#464e61",
"basics.colors.surfaceDarkBlueLevel200": "#3b4453",
"basics.colors.surfaceDarkBlueLevel250": "#2e3440",
"basics.colors.surfaceDarkBlueLevel300": "#222933",
"basics.colors.surfaceDarkBlueLevel350": "#1a1f25",
"basics.colors.surfaceDarkBlueShadow": "#1a1f26",
"basics.colors.surfaceDarkGrayLevel10": "#616161",
"basics.colors.surfaceDarkGrayLevel15": "#545454",
"basics.colors.surfaceDarkGrayLevel20": "#404040",
"basics.colors.surfaceDarkGrayLevel30": "#333333",
"basics.colors.surfaceDarkGrayLevel40": "#262626",
"basics.colors.surfaceDarkGrayLevel100": "#535353",
"basics.colors.surfaceDarkGrayLevel200": "#474747",
"basics.colors.surfaceDarkGrayLevel250": "#373737",
"basics.colors.surfaceDarkGrayLevel300": "#2a2a2a",
"basics.colors.surfaceDarkGrayLevel350": "#202020",
"basics.colors.surfaceDarkGrayShadow": "#000000",

@@ -195,7 +195,7 @@ "basics.colors.textAgainstLight": "#3c3c3c",

"basics.spacings.lowExtraExtraLarge": "64px",
"colorScheme.surfaceLevel10Color": "#454f61",
"colorScheme.surfaceLevel15Color": "#3b4453",
"colorScheme.surfaceLevel20Color": "#2e3440",
"colorScheme.surfaceLevel30Color": "#222933",
"colorScheme.surfaceLevel40Color": "#1a1f26",
"colorScheme.surfaceLevel100Color": "#464e61",
"colorScheme.surfaceLevel200Color": "#3b4453",
"colorScheme.surfaceLevel250Color": "#2e3440",
"colorScheme.surfaceLevel300Color": "#222933",
"colorScheme.surfaceLevel350Color": "#1a1f25",
"colorScheme.baseColor": "#808080",

@@ -224,3 +224,3 @@ "colorScheme.accentColor": "#0696d7",

"checkbox.borderRadius": "0",
"checkbox.halo.color": "#808080",
"checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.halo.width": "0",

@@ -230,8 +230,8 @@ "checkbox.labelSpacing": "12px",

"checkbox.hover.halo.width": "4px",
"checkbox.hover.halo.color": "#808080",
"checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
"checkbox.focus.halo.color": "#0696d7",
"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": "#0696d7",
"checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
"checkbox.active.halo.width": "4px",

@@ -241,3 +241,3 @@ "checkbox.checked.borderColor": "#808080",

"checkbox.checked.backgroundColor": "#808080",
"checkbox.disabled.borderColor": "#3b4453",
"checkbox.disabled.borderColor": "#808080",
"checkbox.disabled.checked.backgroundColor": "#808080",

@@ -256,3 +256,3 @@ "formField.instructionalText.fontSize": "12px",

"input.borderRadius": "0",
"input.borderColor": "#3b4453",
"input.borderColor": "#808080",
"input.borderWidth": "1px",

@@ -269,3 +269,3 @@ "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",

"input.gutterWidth": "8px",
"input.placeholder.fontColor": "#f5f5f5",
"input.placeholder.fontColor": "rgba(245, 245, 245, 0.6)",
"input.hover.borderBottomColor": "#808080",

@@ -278,3 +278,3 @@ "input.hover.halo.width": "4px",

"input.active.halo.color": "rgba(6, 150, 215, 0.25)",
"input.disabled.borderColor": "#3b4453",
"input.disabled.borderColor": "#808080",
"input.disabled.fontColor": "rgba(245, 245, 245, 0.2)",

@@ -286,3 +286,3 @@ "skeletonItem.borderRadius": "2px",

"textArea.minHeight": "250px",
"textArea.borderColor": "#3b4453",
"textArea.borderColor": "#808080",
"label.fontSize": "12px",

@@ -300,3 +300,3 @@ "label.fontWeight": 400,

"menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.focus.backgroundColor": "#808080",
"menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",

@@ -303,0 +303,0 @@ "menu.item.horizontalPadding": "8px",

70

build/json/darkBlueMediumDensityTheme/unresolvedRoles.json

@@ -446,19 +446,19 @@ {

},
"basics.colors.surfaceLightGrayLevel10": {
"basics.colors.surfaceLightGrayLevel100": {
"value": "#ffffff",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel15": {
"basics.colors.surfaceLightGrayLevel200": {
"value": "#f5f5f5",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel20": {
"basics.colors.surfaceLightGrayLevel250": {
"value": "#eeeeee",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel30": {
"basics.colors.surfaceLightGrayLevel300": {
"value": "#d9d9d9",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel40": {
"basics.colors.surfaceLightGrayLevel350": {
"value": "#cccccc",

@@ -471,20 +471,20 @@ "type": "color"

},
"basics.colors.surfaceDarkBlueLevel10": {
"value": "#454f61",
"basics.colors.surfaceDarkBlueLevel100": {
"value": "#464e61",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel15": {
"basics.colors.surfaceDarkBlueLevel200": {
"value": "#3b4453",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel20": {
"basics.colors.surfaceDarkBlueLevel250": {
"value": "#2e3440",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel30": {
"basics.colors.surfaceDarkBlueLevel300": {
"value": "#222933",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel40": {
"value": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel350": {
"value": "#1a1f25",
"type": "color"

@@ -496,20 +496,20 @@ },

},
"basics.colors.surfaceDarkGrayLevel10": {
"value": "#616161",
"basics.colors.surfaceDarkGrayLevel100": {
"value": "#535353",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel15": {
"value": "#545454",
"basics.colors.surfaceDarkGrayLevel200": {
"value": "#474747",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel20": {
"value": "#404040",
"basics.colors.surfaceDarkGrayLevel250": {
"value": "#373737",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel30": {
"value": "#333333",
"basics.colors.surfaceDarkGrayLevel300": {
"value": "#2a2a2a",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel40": {
"value": "#262626",
"basics.colors.surfaceDarkGrayLevel350": {
"value": "#202020",
"type": "color"

@@ -729,30 +729,30 @@ },

},
"colorScheme.surfaceLevel10Color": {
"colorScheme.surfaceLevel100Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceDarkBlueLevel10"
"ref": "basics.colors.surfaceDarkBlueLevel100"
}
},
"colorScheme.surfaceLevel15Color": {
"colorScheme.surfaceLevel200Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceDarkBlueLevel15"
"ref": "basics.colors.surfaceDarkBlueLevel200"
}
},
"colorScheme.surfaceLevel20Color": {
"colorScheme.surfaceLevel250Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceDarkBlueLevel20"
"ref": "basics.colors.surfaceDarkBlueLevel250"
}
},
"colorScheme.surfaceLevel30Color": {
"colorScheme.surfaceLevel300Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceDarkBlueLevel30"
"ref": "basics.colors.surfaceDarkBlueLevel300"
}
},
"colorScheme.surfaceLevel40Color": {
"colorScheme.surfaceLevel350Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceDarkBlueLevel40"
"ref": "basics.colors.surfaceDarkBlueLevel350"
}

@@ -775,3 +775,3 @@ },

"value": {
"ref": "basics.colors.surfaceDarkBlueLevel15"
"ref": "basics.colors.surfaceDarkBlueLevel200"
}

@@ -1103,3 +1103,3 @@ },

"value": {
"ref": "colorScheme.surfaceLevel15Color"
"ref": "colorScheme.baseColor"
}

@@ -1236,3 +1236,3 @@ },

"value": {
"ref": "colorScheme.surfaceLevel15Color"
"ref": "colorScheme.baseColor"
}

@@ -1239,0 +1239,0 @@ },

60

build/json/lightGrayHighDensityTheme/resolvedRoles.json

@@ -113,19 +113,19 @@ {

"basics.colors.salmon900": "#66251a",
"basics.colors.surfaceLightGrayLevel10": "#ffffff",
"basics.colors.surfaceLightGrayLevel15": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel20": "#eeeeee",
"basics.colors.surfaceLightGrayLevel30": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel40": "#cccccc",
"basics.colors.surfaceLightGrayLevel100": "#ffffff",
"basics.colors.surfaceLightGrayLevel200": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel250": "#eeeeee",
"basics.colors.surfaceLightGrayLevel300": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel350": "#cccccc",
"basics.colors.surfaceLightGrayShadow": "#000000",
"basics.colors.surfaceDarkBlueLevel10": "#454f61",
"basics.colors.surfaceDarkBlueLevel15": "#3b4453",
"basics.colors.surfaceDarkBlueLevel20": "#2e3440",
"basics.colors.surfaceDarkBlueLevel30": "#222933",
"basics.colors.surfaceDarkBlueLevel40": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel100": "#464e61",
"basics.colors.surfaceDarkBlueLevel200": "#3b4453",
"basics.colors.surfaceDarkBlueLevel250": "#2e3440",
"basics.colors.surfaceDarkBlueLevel300": "#222933",
"basics.colors.surfaceDarkBlueLevel350": "#1a1f25",
"basics.colors.surfaceDarkBlueShadow": "#1a1f26",
"basics.colors.surfaceDarkGrayLevel10": "#616161",
"basics.colors.surfaceDarkGrayLevel15": "#545454",
"basics.colors.surfaceDarkGrayLevel20": "#404040",
"basics.colors.surfaceDarkGrayLevel30": "#333333",
"basics.colors.surfaceDarkGrayLevel40": "#262626",
"basics.colors.surfaceDarkGrayLevel100": "#535353",
"basics.colors.surfaceDarkGrayLevel200": "#474747",
"basics.colors.surfaceDarkGrayLevel250": "#373737",
"basics.colors.surfaceDarkGrayLevel300": "#2a2a2a",
"basics.colors.surfaceDarkGrayLevel350": "#202020",
"basics.colors.surfaceDarkGrayShadow": "#000000",

@@ -184,7 +184,7 @@ "basics.colors.textAgainstLight": "#3c3c3c",

"basics.spacings.lowExtraExtraLarge": "64px",
"colorScheme.surfaceLevel10Color": "#ffffff",
"colorScheme.surfaceLevel15Color": "#f5f5f5",
"colorScheme.surfaceLevel20Color": "#eeeeee",
"colorScheme.surfaceLevel30Color": "#d9d9d9",
"colorScheme.surfaceLevel40Color": "#cccccc",
"colorScheme.surfaceLevel100Color": "#ffffff",
"colorScheme.surfaceLevel200Color": "#f5f5f5",
"colorScheme.surfaceLevel250Color": "#eeeeee",
"colorScheme.surfaceLevel300Color": "#d9d9d9",
"colorScheme.surfaceLevel350Color": "#cccccc",
"colorScheme.baseColor": "#808080",

@@ -213,3 +213,3 @@ "colorScheme.accentColor": "#0696d7",

"checkbox.borderRadius": "0",
"checkbox.halo.color": "#808080",
"checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.halo.width": "0",

@@ -219,8 +219,8 @@ "checkbox.labelSpacing": "8px",

"checkbox.hover.halo.width": "4px",
"checkbox.hover.halo.color": "#808080",
"checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
"checkbox.focus.halo.color": "#0696d7",
"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": "#0696d7",
"checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
"checkbox.active.halo.width": "4px",

@@ -230,3 +230,3 @@ "checkbox.checked.borderColor": "#808080",

"checkbox.checked.backgroundColor": "#808080",
"checkbox.disabled.borderColor": "#f5f5f5",
"checkbox.disabled.borderColor": "#808080",
"checkbox.disabled.checked.backgroundColor": "#808080",

@@ -245,3 +245,3 @@ "formField.instructionalText.fontSize": "11px",

"input.borderRadius": "0",
"input.borderColor": "#f5f5f5",
"input.borderColor": "#808080",
"input.borderWidth": "1px",

@@ -258,3 +258,3 @@ "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",

"input.gutterWidth": "4px",
"input.placeholder.fontColor": "#3c3c3c",
"input.placeholder.fontColor": "rgba(60, 60, 60, 0.6)",
"input.hover.borderBottomColor": "#808080",

@@ -267,3 +267,3 @@ "input.hover.halo.width": "4px",

"input.active.halo.color": "rgba(6, 150, 215, 0.25)",
"input.disabled.borderColor": "#f5f5f5",
"input.disabled.borderColor": "#808080",
"input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",

@@ -275,3 +275,3 @@ "skeletonItem.borderRadius": "2px",

"textArea.minHeight": "250px",
"textArea.borderColor": "#f5f5f5",
"textArea.borderColor": "#808080",
"label.fontSize": "11px",

@@ -289,3 +289,3 @@ "label.fontWeight": 400,

"menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.focus.backgroundColor": "#808080",
"menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",

@@ -292,0 +292,0 @@ "menu.item.horizontalPadding": "4px",

60

build/json/lightGrayHighDensityTheme/theme.json

@@ -124,19 +124,19 @@ {

"basics.colors.salmon900": "#66251a",
"basics.colors.surfaceLightGrayLevel10": "#ffffff",
"basics.colors.surfaceLightGrayLevel15": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel20": "#eeeeee",
"basics.colors.surfaceLightGrayLevel30": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel40": "#cccccc",
"basics.colors.surfaceLightGrayLevel100": "#ffffff",
"basics.colors.surfaceLightGrayLevel200": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel250": "#eeeeee",
"basics.colors.surfaceLightGrayLevel300": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel350": "#cccccc",
"basics.colors.surfaceLightGrayShadow": "#000000",
"basics.colors.surfaceDarkBlueLevel10": "#454f61",
"basics.colors.surfaceDarkBlueLevel15": "#3b4453",
"basics.colors.surfaceDarkBlueLevel20": "#2e3440",
"basics.colors.surfaceDarkBlueLevel30": "#222933",
"basics.colors.surfaceDarkBlueLevel40": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel100": "#464e61",
"basics.colors.surfaceDarkBlueLevel200": "#3b4453",
"basics.colors.surfaceDarkBlueLevel250": "#2e3440",
"basics.colors.surfaceDarkBlueLevel300": "#222933",
"basics.colors.surfaceDarkBlueLevel350": "#1a1f25",
"basics.colors.surfaceDarkBlueShadow": "#1a1f26",
"basics.colors.surfaceDarkGrayLevel10": "#616161",
"basics.colors.surfaceDarkGrayLevel15": "#545454",
"basics.colors.surfaceDarkGrayLevel20": "#404040",
"basics.colors.surfaceDarkGrayLevel30": "#333333",
"basics.colors.surfaceDarkGrayLevel40": "#262626",
"basics.colors.surfaceDarkGrayLevel100": "#535353",
"basics.colors.surfaceDarkGrayLevel200": "#474747",
"basics.colors.surfaceDarkGrayLevel250": "#373737",
"basics.colors.surfaceDarkGrayLevel300": "#2a2a2a",
"basics.colors.surfaceDarkGrayLevel350": "#202020",
"basics.colors.surfaceDarkGrayShadow": "#000000",

@@ -195,7 +195,7 @@ "basics.colors.textAgainstLight": "#3c3c3c",

"basics.spacings.lowExtraExtraLarge": "64px",
"colorScheme.surfaceLevel10Color": "#ffffff",
"colorScheme.surfaceLevel15Color": "#f5f5f5",
"colorScheme.surfaceLevel20Color": "#eeeeee",
"colorScheme.surfaceLevel30Color": "#d9d9d9",
"colorScheme.surfaceLevel40Color": "#cccccc",
"colorScheme.surfaceLevel100Color": "#ffffff",
"colorScheme.surfaceLevel200Color": "#f5f5f5",
"colorScheme.surfaceLevel250Color": "#eeeeee",
"colorScheme.surfaceLevel300Color": "#d9d9d9",
"colorScheme.surfaceLevel350Color": "#cccccc",
"colorScheme.baseColor": "#808080",

@@ -224,3 +224,3 @@ "colorScheme.accentColor": "#0696d7",

"checkbox.borderRadius": "0",
"checkbox.halo.color": "#808080",
"checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.halo.width": "0",

@@ -230,8 +230,8 @@ "checkbox.labelSpacing": "8px",

"checkbox.hover.halo.width": "4px",
"checkbox.hover.halo.color": "#808080",
"checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
"checkbox.focus.halo.color": "#0696d7",
"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": "#0696d7",
"checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
"checkbox.active.halo.width": "4px",

@@ -241,3 +241,3 @@ "checkbox.checked.borderColor": "#808080",

"checkbox.checked.backgroundColor": "#808080",
"checkbox.disabled.borderColor": "#f5f5f5",
"checkbox.disabled.borderColor": "#808080",
"checkbox.disabled.checked.backgroundColor": "#808080",

@@ -256,3 +256,3 @@ "formField.instructionalText.fontSize": "11px",

"input.borderRadius": "0",
"input.borderColor": "#f5f5f5",
"input.borderColor": "#808080",
"input.borderWidth": "1px",

@@ -269,3 +269,3 @@ "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",

"input.gutterWidth": "4px",
"input.placeholder.fontColor": "#3c3c3c",
"input.placeholder.fontColor": "rgba(60, 60, 60, 0.6)",
"input.hover.borderBottomColor": "#808080",

@@ -278,3 +278,3 @@ "input.hover.halo.width": "4px",

"input.active.halo.color": "rgba(6, 150, 215, 0.25)",
"input.disabled.borderColor": "#f5f5f5",
"input.disabled.borderColor": "#808080",
"input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",

@@ -286,3 +286,3 @@ "skeletonItem.borderRadius": "2px",

"textArea.minHeight": "250px",
"textArea.borderColor": "#f5f5f5",
"textArea.borderColor": "#808080",
"label.fontSize": "11px",

@@ -300,3 +300,3 @@ "label.fontWeight": 400,

"menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.focus.backgroundColor": "#808080",
"menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",

@@ -303,0 +303,0 @@ "menu.item.horizontalPadding": "4px",

68

build/json/lightGrayHighDensityTheme/unresolvedRoles.json

@@ -446,19 +446,19 @@ {

},
"basics.colors.surfaceLightGrayLevel10": {
"basics.colors.surfaceLightGrayLevel100": {
"value": "#ffffff",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel15": {
"basics.colors.surfaceLightGrayLevel200": {
"value": "#f5f5f5",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel20": {
"basics.colors.surfaceLightGrayLevel250": {
"value": "#eeeeee",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel30": {
"basics.colors.surfaceLightGrayLevel300": {
"value": "#d9d9d9",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel40": {
"basics.colors.surfaceLightGrayLevel350": {
"value": "#cccccc",

@@ -471,20 +471,20 @@ "type": "color"

},
"basics.colors.surfaceDarkBlueLevel10": {
"value": "#454f61",
"basics.colors.surfaceDarkBlueLevel100": {
"value": "#464e61",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel15": {
"basics.colors.surfaceDarkBlueLevel200": {
"value": "#3b4453",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel20": {
"basics.colors.surfaceDarkBlueLevel250": {
"value": "#2e3440",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel30": {
"basics.colors.surfaceDarkBlueLevel300": {
"value": "#222933",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel40": {
"value": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel350": {
"value": "#1a1f25",
"type": "color"

@@ -496,20 +496,20 @@ },

},
"basics.colors.surfaceDarkGrayLevel10": {
"value": "#616161",
"basics.colors.surfaceDarkGrayLevel100": {
"value": "#535353",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel15": {
"value": "#545454",
"basics.colors.surfaceDarkGrayLevel200": {
"value": "#474747",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel20": {
"value": "#404040",
"basics.colors.surfaceDarkGrayLevel250": {
"value": "#373737",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel30": {
"value": "#333333",
"basics.colors.surfaceDarkGrayLevel300": {
"value": "#2a2a2a",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel40": {
"value": "#262626",
"basics.colors.surfaceDarkGrayLevel350": {
"value": "#202020",
"type": "color"

@@ -729,30 +729,30 @@ },

},
"colorScheme.surfaceLevel10Color": {
"colorScheme.surfaceLevel100Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel10"
"ref": "basics.colors.surfaceLightGrayLevel100"
}
},
"colorScheme.surfaceLevel15Color": {
"colorScheme.surfaceLevel200Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel15"
"ref": "basics.colors.surfaceLightGrayLevel200"
}
},
"colorScheme.surfaceLevel20Color": {
"colorScheme.surfaceLevel250Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel20"
"ref": "basics.colors.surfaceLightGrayLevel250"
}
},
"colorScheme.surfaceLevel30Color": {
"colorScheme.surfaceLevel300Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel30"
"ref": "basics.colors.surfaceLightGrayLevel300"
}
},
"colorScheme.surfaceLevel40Color": {
"colorScheme.surfaceLevel350Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel40"
"ref": "basics.colors.surfaceLightGrayLevel350"
}

@@ -1102,3 +1102,3 @@ },

"value": {
"ref": "colorScheme.surfaceLevel15Color"
"ref": "colorScheme.baseColor"
}

@@ -1235,3 +1235,3 @@ },

"value": {
"ref": "colorScheme.surfaceLevel15Color"
"ref": "colorScheme.baseColor"
}

@@ -1238,0 +1238,0 @@ },

60

build/json/lightGrayMediumDensityTheme/resolvedRoles.json

@@ -113,19 +113,19 @@ {

"basics.colors.salmon900": "#66251a",
"basics.colors.surfaceLightGrayLevel10": "#ffffff",
"basics.colors.surfaceLightGrayLevel15": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel20": "#eeeeee",
"basics.colors.surfaceLightGrayLevel30": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel40": "#cccccc",
"basics.colors.surfaceLightGrayLevel100": "#ffffff",
"basics.colors.surfaceLightGrayLevel200": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel250": "#eeeeee",
"basics.colors.surfaceLightGrayLevel300": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel350": "#cccccc",
"basics.colors.surfaceLightGrayShadow": "#000000",
"basics.colors.surfaceDarkBlueLevel10": "#454f61",
"basics.colors.surfaceDarkBlueLevel15": "#3b4453",
"basics.colors.surfaceDarkBlueLevel20": "#2e3440",
"basics.colors.surfaceDarkBlueLevel30": "#222933",
"basics.colors.surfaceDarkBlueLevel40": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel100": "#464e61",
"basics.colors.surfaceDarkBlueLevel200": "#3b4453",
"basics.colors.surfaceDarkBlueLevel250": "#2e3440",
"basics.colors.surfaceDarkBlueLevel300": "#222933",
"basics.colors.surfaceDarkBlueLevel350": "#1a1f25",
"basics.colors.surfaceDarkBlueShadow": "#1a1f26",
"basics.colors.surfaceDarkGrayLevel10": "#616161",
"basics.colors.surfaceDarkGrayLevel15": "#545454",
"basics.colors.surfaceDarkGrayLevel20": "#404040",
"basics.colors.surfaceDarkGrayLevel30": "#333333",
"basics.colors.surfaceDarkGrayLevel40": "#262626",
"basics.colors.surfaceDarkGrayLevel100": "#535353",
"basics.colors.surfaceDarkGrayLevel200": "#474747",
"basics.colors.surfaceDarkGrayLevel250": "#373737",
"basics.colors.surfaceDarkGrayLevel300": "#2a2a2a",
"basics.colors.surfaceDarkGrayLevel350": "#202020",
"basics.colors.surfaceDarkGrayShadow": "#000000",

@@ -184,7 +184,7 @@ "basics.colors.textAgainstLight": "#3c3c3c",

"basics.spacings.lowExtraExtraLarge": "64px",
"colorScheme.surfaceLevel10Color": "#ffffff",
"colorScheme.surfaceLevel15Color": "#f5f5f5",
"colorScheme.surfaceLevel20Color": "#eeeeee",
"colorScheme.surfaceLevel30Color": "#d9d9d9",
"colorScheme.surfaceLevel40Color": "#cccccc",
"colorScheme.surfaceLevel100Color": "#ffffff",
"colorScheme.surfaceLevel200Color": "#f5f5f5",
"colorScheme.surfaceLevel250Color": "#eeeeee",
"colorScheme.surfaceLevel300Color": "#d9d9d9",
"colorScheme.surfaceLevel350Color": "#cccccc",
"colorScheme.baseColor": "#808080",

@@ -213,3 +213,3 @@ "colorScheme.accentColor": "#0696d7",

"checkbox.borderRadius": "0",
"checkbox.halo.color": "#808080",
"checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.halo.width": "0",

@@ -219,8 +219,8 @@ "checkbox.labelSpacing": "12px",

"checkbox.hover.halo.width": "4px",
"checkbox.hover.halo.color": "#808080",
"checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
"checkbox.focus.halo.color": "#0696d7",
"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": "#0696d7",
"checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
"checkbox.active.halo.width": "4px",

@@ -230,3 +230,3 @@ "checkbox.checked.borderColor": "#808080",

"checkbox.checked.backgroundColor": "#808080",
"checkbox.disabled.borderColor": "#f5f5f5",
"checkbox.disabled.borderColor": "#808080",
"checkbox.disabled.checked.backgroundColor": "#808080",

@@ -245,3 +245,3 @@ "formField.instructionalText.fontSize": "12px",

"input.borderRadius": "0",
"input.borderColor": "#f5f5f5",
"input.borderColor": "#808080",
"input.borderWidth": "1px",

@@ -258,3 +258,3 @@ "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",

"input.gutterWidth": "8px",
"input.placeholder.fontColor": "#3c3c3c",
"input.placeholder.fontColor": "rgba(60, 60, 60, 0.6)",
"input.hover.borderBottomColor": "#808080",

@@ -267,3 +267,3 @@ "input.hover.halo.width": "4px",

"input.active.halo.color": "rgba(6, 150, 215, 0.25)",
"input.disabled.borderColor": "#f5f5f5",
"input.disabled.borderColor": "#808080",
"input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",

@@ -275,3 +275,3 @@ "skeletonItem.borderRadius": "2px",

"textArea.minHeight": "250px",
"textArea.borderColor": "#f5f5f5",
"textArea.borderColor": "#808080",
"label.fontSize": "12px",

@@ -289,3 +289,3 @@ "label.fontWeight": 400,

"menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.focus.backgroundColor": "#808080",
"menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",

@@ -292,0 +292,0 @@ "menu.item.horizontalPadding": "8px",

60

build/json/lightGrayMediumDensityTheme/theme.json

@@ -124,19 +124,19 @@ {

"basics.colors.salmon900": "#66251a",
"basics.colors.surfaceLightGrayLevel10": "#ffffff",
"basics.colors.surfaceLightGrayLevel15": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel20": "#eeeeee",
"basics.colors.surfaceLightGrayLevel30": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel40": "#cccccc",
"basics.colors.surfaceLightGrayLevel100": "#ffffff",
"basics.colors.surfaceLightGrayLevel200": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel250": "#eeeeee",
"basics.colors.surfaceLightGrayLevel300": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel350": "#cccccc",
"basics.colors.surfaceLightGrayShadow": "#000000",
"basics.colors.surfaceDarkBlueLevel10": "#454f61",
"basics.colors.surfaceDarkBlueLevel15": "#3b4453",
"basics.colors.surfaceDarkBlueLevel20": "#2e3440",
"basics.colors.surfaceDarkBlueLevel30": "#222933",
"basics.colors.surfaceDarkBlueLevel40": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel100": "#464e61",
"basics.colors.surfaceDarkBlueLevel200": "#3b4453",
"basics.colors.surfaceDarkBlueLevel250": "#2e3440",
"basics.colors.surfaceDarkBlueLevel300": "#222933",
"basics.colors.surfaceDarkBlueLevel350": "#1a1f25",
"basics.colors.surfaceDarkBlueShadow": "#1a1f26",
"basics.colors.surfaceDarkGrayLevel10": "#616161",
"basics.colors.surfaceDarkGrayLevel15": "#545454",
"basics.colors.surfaceDarkGrayLevel20": "#404040",
"basics.colors.surfaceDarkGrayLevel30": "#333333",
"basics.colors.surfaceDarkGrayLevel40": "#262626",
"basics.colors.surfaceDarkGrayLevel100": "#535353",
"basics.colors.surfaceDarkGrayLevel200": "#474747",
"basics.colors.surfaceDarkGrayLevel250": "#373737",
"basics.colors.surfaceDarkGrayLevel300": "#2a2a2a",
"basics.colors.surfaceDarkGrayLevel350": "#202020",
"basics.colors.surfaceDarkGrayShadow": "#000000",

@@ -195,7 +195,7 @@ "basics.colors.textAgainstLight": "#3c3c3c",

"basics.spacings.lowExtraExtraLarge": "64px",
"colorScheme.surfaceLevel10Color": "#ffffff",
"colorScheme.surfaceLevel15Color": "#f5f5f5",
"colorScheme.surfaceLevel20Color": "#eeeeee",
"colorScheme.surfaceLevel30Color": "#d9d9d9",
"colorScheme.surfaceLevel40Color": "#cccccc",
"colorScheme.surfaceLevel100Color": "#ffffff",
"colorScheme.surfaceLevel200Color": "#f5f5f5",
"colorScheme.surfaceLevel250Color": "#eeeeee",
"colorScheme.surfaceLevel300Color": "#d9d9d9",
"colorScheme.surfaceLevel350Color": "#cccccc",
"colorScheme.baseColor": "#808080",

@@ -224,3 +224,3 @@ "colorScheme.accentColor": "#0696d7",

"checkbox.borderRadius": "0",
"checkbox.halo.color": "#808080",
"checkbox.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.halo.width": "0",

@@ -230,8 +230,8 @@ "checkbox.labelSpacing": "12px",

"checkbox.hover.halo.width": "4px",
"checkbox.hover.halo.color": "#808080",
"checkbox.hover.halo.color": "rgba(128, 128, 128, 0.15)",
"checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
"checkbox.focus.halo.color": "#0696d7",
"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": "#0696d7",
"checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
"checkbox.active.halo.width": "4px",

@@ -241,3 +241,3 @@ "checkbox.checked.borderColor": "#808080",

"checkbox.checked.backgroundColor": "#808080",
"checkbox.disabled.borderColor": "#f5f5f5",
"checkbox.disabled.borderColor": "#808080",
"checkbox.disabled.checked.backgroundColor": "#808080",

@@ -256,3 +256,3 @@ "formField.instructionalText.fontSize": "12px",

"input.borderRadius": "0",
"input.borderColor": "#f5f5f5",
"input.borderColor": "#808080",
"input.borderWidth": "1px",

@@ -269,3 +269,3 @@ "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",

"input.gutterWidth": "8px",
"input.placeholder.fontColor": "#3c3c3c",
"input.placeholder.fontColor": "rgba(60, 60, 60, 0.6)",
"input.hover.borderBottomColor": "#808080",

@@ -278,3 +278,3 @@ "input.hover.halo.width": "4px",

"input.active.halo.color": "rgba(6, 150, 215, 0.25)",
"input.disabled.borderColor": "#f5f5f5",
"input.disabled.borderColor": "#808080",
"input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",

@@ -286,3 +286,3 @@ "skeletonItem.borderRadius": "2px",

"textArea.minHeight": "250px",
"textArea.borderColor": "#f5f5f5",
"textArea.borderColor": "#808080",
"label.fontSize": "12px",

@@ -300,3 +300,3 @@ "label.fontWeight": 400,

"menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.focus.backgroundColor": "#808080",
"menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",

@@ -303,0 +303,0 @@ "menu.item.horizontalPadding": "8px",

68

build/json/lightGrayMediumDensityTheme/unresolvedRoles.json

@@ -446,19 +446,19 @@ {

},
"basics.colors.surfaceLightGrayLevel10": {
"basics.colors.surfaceLightGrayLevel100": {
"value": "#ffffff",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel15": {
"basics.colors.surfaceLightGrayLevel200": {
"value": "#f5f5f5",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel20": {
"basics.colors.surfaceLightGrayLevel250": {
"value": "#eeeeee",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel30": {
"basics.colors.surfaceLightGrayLevel300": {
"value": "#d9d9d9",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel40": {
"basics.colors.surfaceLightGrayLevel350": {
"value": "#cccccc",

@@ -471,20 +471,20 @@ "type": "color"

},
"basics.colors.surfaceDarkBlueLevel10": {
"value": "#454f61",
"basics.colors.surfaceDarkBlueLevel100": {
"value": "#464e61",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel15": {
"basics.colors.surfaceDarkBlueLevel200": {
"value": "#3b4453",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel20": {
"basics.colors.surfaceDarkBlueLevel250": {
"value": "#2e3440",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel30": {
"basics.colors.surfaceDarkBlueLevel300": {
"value": "#222933",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel40": {
"value": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel350": {
"value": "#1a1f25",
"type": "color"

@@ -496,20 +496,20 @@ },

},
"basics.colors.surfaceDarkGrayLevel10": {
"value": "#616161",
"basics.colors.surfaceDarkGrayLevel100": {
"value": "#535353",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel15": {
"value": "#545454",
"basics.colors.surfaceDarkGrayLevel200": {
"value": "#474747",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel20": {
"value": "#404040",
"basics.colors.surfaceDarkGrayLevel250": {
"value": "#373737",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel30": {
"value": "#333333",
"basics.colors.surfaceDarkGrayLevel300": {
"value": "#2a2a2a",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel40": {
"value": "#262626",
"basics.colors.surfaceDarkGrayLevel350": {
"value": "#202020",
"type": "color"

@@ -729,30 +729,30 @@ },

},
"colorScheme.surfaceLevel10Color": {
"colorScheme.surfaceLevel100Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel10"
"ref": "basics.colors.surfaceLightGrayLevel100"
}
},
"colorScheme.surfaceLevel15Color": {
"colorScheme.surfaceLevel200Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel15"
"ref": "basics.colors.surfaceLightGrayLevel200"
}
},
"colorScheme.surfaceLevel20Color": {
"colorScheme.surfaceLevel250Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel20"
"ref": "basics.colors.surfaceLightGrayLevel250"
}
},
"colorScheme.surfaceLevel30Color": {
"colorScheme.surfaceLevel300Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel30"
"ref": "basics.colors.surfaceLightGrayLevel300"
}
},
"colorScheme.surfaceLevel40Color": {
"colorScheme.surfaceLevel350Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel40"
"ref": "basics.colors.surfaceLightGrayLevel350"
}

@@ -1102,3 +1102,3 @@ },

"value": {
"ref": "colorScheme.surfaceLevel15Color"
"ref": "colorScheme.baseColor"
}

@@ -1235,3 +1235,3 @@ },

"value": {
"ref": "colorScheme.surfaceLevel15Color"
"ref": "colorScheme.baseColor"
}

@@ -1238,0 +1238,0 @@ },

60

build/json/webLightHighDensityTheme/resolvedRoles.json

@@ -113,19 +113,19 @@ {

"basics.colors.salmon900": "#66251a",
"basics.colors.surfaceLightGrayLevel10": "#ffffff",
"basics.colors.surfaceLightGrayLevel15": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel20": "#eeeeee",
"basics.colors.surfaceLightGrayLevel30": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel40": "#cccccc",
"basics.colors.surfaceLightGrayLevel100": "#ffffff",
"basics.colors.surfaceLightGrayLevel200": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel250": "#eeeeee",
"basics.colors.surfaceLightGrayLevel300": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel350": "#cccccc",
"basics.colors.surfaceLightGrayShadow": "#000000",
"basics.colors.surfaceDarkBlueLevel10": "#454f61",
"basics.colors.surfaceDarkBlueLevel15": "#3b4453",
"basics.colors.surfaceDarkBlueLevel20": "#2e3440",
"basics.colors.surfaceDarkBlueLevel30": "#222933",
"basics.colors.surfaceDarkBlueLevel40": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel100": "#464e61",
"basics.colors.surfaceDarkBlueLevel200": "#3b4453",
"basics.colors.surfaceDarkBlueLevel250": "#2e3440",
"basics.colors.surfaceDarkBlueLevel300": "#222933",
"basics.colors.surfaceDarkBlueLevel350": "#1a1f25",
"basics.colors.surfaceDarkBlueShadow": "#1a1f26",
"basics.colors.surfaceDarkGrayLevel10": "#616161",
"basics.colors.surfaceDarkGrayLevel15": "#545454",
"basics.colors.surfaceDarkGrayLevel20": "#404040",
"basics.colors.surfaceDarkGrayLevel30": "#333333",
"basics.colors.surfaceDarkGrayLevel40": "#262626",
"basics.colors.surfaceDarkGrayLevel100": "#535353",
"basics.colors.surfaceDarkGrayLevel200": "#474747",
"basics.colors.surfaceDarkGrayLevel250": "#373737",
"basics.colors.surfaceDarkGrayLevel300": "#2a2a2a",
"basics.colors.surfaceDarkGrayLevel350": "#202020",
"basics.colors.surfaceDarkGrayShadow": "#000000",

@@ -184,7 +184,7 @@ "basics.colors.textAgainstLight": "#3c3c3c",

"basics.spacings.lowExtraExtraLarge": "64px",
"colorScheme.surfaceLevel10Color": "#ffffff",
"colorScheme.surfaceLevel15Color": "#f5f5f5",
"colorScheme.surfaceLevel20Color": "#eeeeee",
"colorScheme.surfaceLevel30Color": "#d9d9d9",
"colorScheme.surfaceLevel40Color": "#cccccc",
"colorScheme.surfaceLevel100Color": "#ffffff",
"colorScheme.surfaceLevel200Color": "#f5f5f5",
"colorScheme.surfaceLevel250Color": "#eeeeee",
"colorScheme.surfaceLevel300Color": "#d9d9d9",
"colorScheme.surfaceLevel350Color": "#cccccc",
"colorScheme.baseColor": "#808080",

@@ -213,3 +213,3 @@ "colorScheme.accentColor": "#0696d7",

"checkbox.borderRadius": "0",
"checkbox.halo.color": "#0ED3BE",
"checkbox.halo.color": "rgba(14, 211, 190, 0.15)",
"checkbox.halo.width": "0",

@@ -219,8 +219,8 @@ "checkbox.labelSpacing": "8px",

"checkbox.hover.halo.width": "1px",
"checkbox.hover.halo.color": "#0ED3BE",
"checkbox.hover.halo.color": "rgba(14, 211, 190, 0.15)",
"checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
"checkbox.focus.halo.color": "#0696d7",
"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": "#0696d7",
"checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
"checkbox.active.halo.width": "1px",

@@ -230,3 +230,3 @@ "checkbox.checked.borderColor": "#808080",

"checkbox.checked.backgroundColor": "#808080",
"checkbox.disabled.borderColor": "#f5f5f5",
"checkbox.disabled.borderColor": "#808080",
"checkbox.disabled.checked.backgroundColor": "#808080",

@@ -245,3 +245,3 @@ "formField.instructionalText.fontSize": "11px",

"input.borderRadius": "0",
"input.borderColor": "#f5f5f5",
"input.borderColor": "#808080",
"input.borderWidth": "1px",

@@ -258,3 +258,3 @@ "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",

"input.gutterWidth": "4px",
"input.placeholder.fontColor": "#3c3c3c",
"input.placeholder.fontColor": "rgba(60, 60, 60, 0.6)",
"input.hover.borderBottomColor": "#0ED3BE",

@@ -267,3 +267,3 @@ "input.hover.halo.width": "1px",

"input.active.halo.color": "rgba(6, 150, 215, 0.25)",
"input.disabled.borderColor": "#f5f5f5",
"input.disabled.borderColor": "#808080",
"input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",

@@ -275,3 +275,3 @@ "skeletonItem.borderRadius": "2px",

"textArea.minHeight": "250px",
"textArea.borderColor": "#f5f5f5",
"textArea.borderColor": "#808080",
"label.fontSize": "11px",

@@ -289,3 +289,3 @@ "label.fontWeight": 400,

"menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.focus.backgroundColor": "#808080",
"menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",

@@ -292,0 +292,0 @@ "menu.item.horizontalPadding": "4px",

60

build/json/webLightHighDensityTheme/theme.json

@@ -124,19 +124,19 @@ {

"basics.colors.salmon900": "#66251a",
"basics.colors.surfaceLightGrayLevel10": "#ffffff",
"basics.colors.surfaceLightGrayLevel15": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel20": "#eeeeee",
"basics.colors.surfaceLightGrayLevel30": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel40": "#cccccc",
"basics.colors.surfaceLightGrayLevel100": "#ffffff",
"basics.colors.surfaceLightGrayLevel200": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel250": "#eeeeee",
"basics.colors.surfaceLightGrayLevel300": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel350": "#cccccc",
"basics.colors.surfaceLightGrayShadow": "#000000",
"basics.colors.surfaceDarkBlueLevel10": "#454f61",
"basics.colors.surfaceDarkBlueLevel15": "#3b4453",
"basics.colors.surfaceDarkBlueLevel20": "#2e3440",
"basics.colors.surfaceDarkBlueLevel30": "#222933",
"basics.colors.surfaceDarkBlueLevel40": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel100": "#464e61",
"basics.colors.surfaceDarkBlueLevel200": "#3b4453",
"basics.colors.surfaceDarkBlueLevel250": "#2e3440",
"basics.colors.surfaceDarkBlueLevel300": "#222933",
"basics.colors.surfaceDarkBlueLevel350": "#1a1f25",
"basics.colors.surfaceDarkBlueShadow": "#1a1f26",
"basics.colors.surfaceDarkGrayLevel10": "#616161",
"basics.colors.surfaceDarkGrayLevel15": "#545454",
"basics.colors.surfaceDarkGrayLevel20": "#404040",
"basics.colors.surfaceDarkGrayLevel30": "#333333",
"basics.colors.surfaceDarkGrayLevel40": "#262626",
"basics.colors.surfaceDarkGrayLevel100": "#535353",
"basics.colors.surfaceDarkGrayLevel200": "#474747",
"basics.colors.surfaceDarkGrayLevel250": "#373737",
"basics.colors.surfaceDarkGrayLevel300": "#2a2a2a",
"basics.colors.surfaceDarkGrayLevel350": "#202020",
"basics.colors.surfaceDarkGrayShadow": "#000000",

@@ -195,7 +195,7 @@ "basics.colors.textAgainstLight": "#3c3c3c",

"basics.spacings.lowExtraExtraLarge": "64px",
"colorScheme.surfaceLevel10Color": "#ffffff",
"colorScheme.surfaceLevel15Color": "#f5f5f5",
"colorScheme.surfaceLevel20Color": "#eeeeee",
"colorScheme.surfaceLevel30Color": "#d9d9d9",
"colorScheme.surfaceLevel40Color": "#cccccc",
"colorScheme.surfaceLevel100Color": "#ffffff",
"colorScheme.surfaceLevel200Color": "#f5f5f5",
"colorScheme.surfaceLevel250Color": "#eeeeee",
"colorScheme.surfaceLevel300Color": "#d9d9d9",
"colorScheme.surfaceLevel350Color": "#cccccc",
"colorScheme.baseColor": "#808080",

@@ -224,3 +224,3 @@ "colorScheme.accentColor": "#0696d7",

"checkbox.borderRadius": "0",
"checkbox.halo.color": "#0ED3BE",
"checkbox.halo.color": "rgba(14, 211, 190, 0.15)",
"checkbox.halo.width": "0",

@@ -230,8 +230,8 @@ "checkbox.labelSpacing": "8px",

"checkbox.hover.halo.width": "1px",
"checkbox.hover.halo.color": "#0ED3BE",
"checkbox.hover.halo.color": "rgba(14, 211, 190, 0.15)",
"checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
"checkbox.focus.halo.color": "#0696d7",
"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": "#0696d7",
"checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
"checkbox.active.halo.width": "1px",

@@ -241,3 +241,3 @@ "checkbox.checked.borderColor": "#808080",

"checkbox.checked.backgroundColor": "#808080",
"checkbox.disabled.borderColor": "#f5f5f5",
"checkbox.disabled.borderColor": "#808080",
"checkbox.disabled.checked.backgroundColor": "#808080",

@@ -256,3 +256,3 @@ "formField.instructionalText.fontSize": "11px",

"input.borderRadius": "0",
"input.borderColor": "#f5f5f5",
"input.borderColor": "#808080",
"input.borderWidth": "1px",

@@ -269,3 +269,3 @@ "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",

"input.gutterWidth": "4px",
"input.placeholder.fontColor": "#3c3c3c",
"input.placeholder.fontColor": "rgba(60, 60, 60, 0.6)",
"input.hover.borderBottomColor": "#0ED3BE",

@@ -278,3 +278,3 @@ "input.hover.halo.width": "1px",

"input.active.halo.color": "rgba(6, 150, 215, 0.25)",
"input.disabled.borderColor": "#f5f5f5",
"input.disabled.borderColor": "#808080",
"input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",

@@ -286,3 +286,3 @@ "skeletonItem.borderRadius": "2px",

"textArea.minHeight": "250px",
"textArea.borderColor": "#f5f5f5",
"textArea.borderColor": "#808080",
"label.fontSize": "11px",

@@ -300,3 +300,3 @@ "label.fontWeight": 400,

"menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.focus.backgroundColor": "#808080",
"menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",

@@ -303,0 +303,0 @@ "menu.item.horizontalPadding": "4px",

68

build/json/webLightHighDensityTheme/unresolvedRoles.json

@@ -446,19 +446,19 @@ {

},
"basics.colors.surfaceLightGrayLevel10": {
"basics.colors.surfaceLightGrayLevel100": {
"value": "#ffffff",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel15": {
"basics.colors.surfaceLightGrayLevel200": {
"value": "#f5f5f5",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel20": {
"basics.colors.surfaceLightGrayLevel250": {
"value": "#eeeeee",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel30": {
"basics.colors.surfaceLightGrayLevel300": {
"value": "#d9d9d9",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel40": {
"basics.colors.surfaceLightGrayLevel350": {
"value": "#cccccc",

@@ -471,20 +471,20 @@ "type": "color"

},
"basics.colors.surfaceDarkBlueLevel10": {
"value": "#454f61",
"basics.colors.surfaceDarkBlueLevel100": {
"value": "#464e61",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel15": {
"basics.colors.surfaceDarkBlueLevel200": {
"value": "#3b4453",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel20": {
"basics.colors.surfaceDarkBlueLevel250": {
"value": "#2e3440",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel30": {
"basics.colors.surfaceDarkBlueLevel300": {
"value": "#222933",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel40": {
"value": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel350": {
"value": "#1a1f25",
"type": "color"

@@ -496,20 +496,20 @@ },

},
"basics.colors.surfaceDarkGrayLevel10": {
"value": "#616161",
"basics.colors.surfaceDarkGrayLevel100": {
"value": "#535353",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel15": {
"value": "#545454",
"basics.colors.surfaceDarkGrayLevel200": {
"value": "#474747",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel20": {
"value": "#404040",
"basics.colors.surfaceDarkGrayLevel250": {
"value": "#373737",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel30": {
"value": "#333333",
"basics.colors.surfaceDarkGrayLevel300": {
"value": "#2a2a2a",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel40": {
"value": "#262626",
"basics.colors.surfaceDarkGrayLevel350": {
"value": "#202020",
"type": "color"

@@ -729,30 +729,30 @@ },

},
"colorScheme.surfaceLevel10Color": {
"colorScheme.surfaceLevel100Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel10"
"ref": "basics.colors.surfaceLightGrayLevel100"
}
},
"colorScheme.surfaceLevel15Color": {
"colorScheme.surfaceLevel200Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel15"
"ref": "basics.colors.surfaceLightGrayLevel200"
}
},
"colorScheme.surfaceLevel20Color": {
"colorScheme.surfaceLevel250Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel20"
"ref": "basics.colors.surfaceLightGrayLevel250"
}
},
"colorScheme.surfaceLevel30Color": {
"colorScheme.surfaceLevel300Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel30"
"ref": "basics.colors.surfaceLightGrayLevel300"
}
},
"colorScheme.surfaceLevel40Color": {
"colorScheme.surfaceLevel350Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel40"
"ref": "basics.colors.surfaceLightGrayLevel350"
}

@@ -1102,3 +1102,3 @@ },

"value": {
"ref": "colorScheme.surfaceLevel15Color"
"ref": "colorScheme.baseColor"
}

@@ -1231,3 +1231,3 @@ },

"value": {
"ref": "colorScheme.surfaceLevel15Color"
"ref": "colorScheme.baseColor"
}

@@ -1234,0 +1234,0 @@ },

60

build/json/webLightMediumDensityTheme/resolvedRoles.json

@@ -113,19 +113,19 @@ {

"basics.colors.salmon900": "#66251a",
"basics.colors.surfaceLightGrayLevel10": "#ffffff",
"basics.colors.surfaceLightGrayLevel15": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel20": "#eeeeee",
"basics.colors.surfaceLightGrayLevel30": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel40": "#cccccc",
"basics.colors.surfaceLightGrayLevel100": "#ffffff",
"basics.colors.surfaceLightGrayLevel200": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel250": "#eeeeee",
"basics.colors.surfaceLightGrayLevel300": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel350": "#cccccc",
"basics.colors.surfaceLightGrayShadow": "#000000",
"basics.colors.surfaceDarkBlueLevel10": "#454f61",
"basics.colors.surfaceDarkBlueLevel15": "#3b4453",
"basics.colors.surfaceDarkBlueLevel20": "#2e3440",
"basics.colors.surfaceDarkBlueLevel30": "#222933",
"basics.colors.surfaceDarkBlueLevel40": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel100": "#464e61",
"basics.colors.surfaceDarkBlueLevel200": "#3b4453",
"basics.colors.surfaceDarkBlueLevel250": "#2e3440",
"basics.colors.surfaceDarkBlueLevel300": "#222933",
"basics.colors.surfaceDarkBlueLevel350": "#1a1f25",
"basics.colors.surfaceDarkBlueShadow": "#1a1f26",
"basics.colors.surfaceDarkGrayLevel10": "#616161",
"basics.colors.surfaceDarkGrayLevel15": "#545454",
"basics.colors.surfaceDarkGrayLevel20": "#404040",
"basics.colors.surfaceDarkGrayLevel30": "#333333",
"basics.colors.surfaceDarkGrayLevel40": "#262626",
"basics.colors.surfaceDarkGrayLevel100": "#535353",
"basics.colors.surfaceDarkGrayLevel200": "#474747",
"basics.colors.surfaceDarkGrayLevel250": "#373737",
"basics.colors.surfaceDarkGrayLevel300": "#2a2a2a",
"basics.colors.surfaceDarkGrayLevel350": "#202020",
"basics.colors.surfaceDarkGrayShadow": "#000000",

@@ -184,7 +184,7 @@ "basics.colors.textAgainstLight": "#3c3c3c",

"basics.spacings.lowExtraExtraLarge": "64px",
"colorScheme.surfaceLevel10Color": "#ffffff",
"colorScheme.surfaceLevel15Color": "#f5f5f5",
"colorScheme.surfaceLevel20Color": "#eeeeee",
"colorScheme.surfaceLevel30Color": "#d9d9d9",
"colorScheme.surfaceLevel40Color": "#cccccc",
"colorScheme.surfaceLevel100Color": "#ffffff",
"colorScheme.surfaceLevel200Color": "#f5f5f5",
"colorScheme.surfaceLevel250Color": "#eeeeee",
"colorScheme.surfaceLevel300Color": "#d9d9d9",
"colorScheme.surfaceLevel350Color": "#cccccc",
"colorScheme.baseColor": "#808080",

@@ -213,3 +213,3 @@ "colorScheme.accentColor": "#0696d7",

"checkbox.borderRadius": "0",
"checkbox.halo.color": "#0ED3BE",
"checkbox.halo.color": "rgba(14, 211, 190, 0.15)",
"checkbox.halo.width": "0",

@@ -219,8 +219,8 @@ "checkbox.labelSpacing": "12px",

"checkbox.hover.halo.width": "1px",
"checkbox.hover.halo.color": "#0ED3BE",
"checkbox.hover.halo.color": "rgba(14, 211, 190, 0.15)",
"checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
"checkbox.focus.halo.color": "#0696d7",
"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": "#0696d7",
"checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
"checkbox.active.halo.width": "1px",

@@ -230,3 +230,3 @@ "checkbox.checked.borderColor": "#808080",

"checkbox.checked.backgroundColor": "#808080",
"checkbox.disabled.borderColor": "#f5f5f5",
"checkbox.disabled.borderColor": "#808080",
"checkbox.disabled.checked.backgroundColor": "#808080",

@@ -245,3 +245,3 @@ "formField.instructionalText.fontSize": "12px",

"input.borderRadius": "0",
"input.borderColor": "#f5f5f5",
"input.borderColor": "#808080",
"input.borderWidth": "1px",

@@ -258,3 +258,3 @@ "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",

"input.gutterWidth": "8px",
"input.placeholder.fontColor": "#3c3c3c",
"input.placeholder.fontColor": "rgba(60, 60, 60, 0.6)",
"input.hover.borderBottomColor": "#0ED3BE",

@@ -267,3 +267,3 @@ "input.hover.halo.width": "1px",

"input.active.halo.color": "rgba(6, 150, 215, 0.25)",
"input.disabled.borderColor": "#f5f5f5",
"input.disabled.borderColor": "#808080",
"input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",

@@ -275,3 +275,3 @@ "skeletonItem.borderRadius": "2px",

"textArea.minHeight": "250px",
"textArea.borderColor": "#f5f5f5",
"textArea.borderColor": "#808080",
"label.fontSize": "12px",

@@ -289,3 +289,3 @@ "label.fontWeight": 400,

"menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.focus.backgroundColor": "#808080",
"menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",

@@ -292,0 +292,0 @@ "menu.item.horizontalPadding": "8px",

60

build/json/webLightMediumDensityTheme/theme.json

@@ -124,19 +124,19 @@ {

"basics.colors.salmon900": "#66251a",
"basics.colors.surfaceLightGrayLevel10": "#ffffff",
"basics.colors.surfaceLightGrayLevel15": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel20": "#eeeeee",
"basics.colors.surfaceLightGrayLevel30": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel40": "#cccccc",
"basics.colors.surfaceLightGrayLevel100": "#ffffff",
"basics.colors.surfaceLightGrayLevel200": "#f5f5f5",
"basics.colors.surfaceLightGrayLevel250": "#eeeeee",
"basics.colors.surfaceLightGrayLevel300": "#d9d9d9",
"basics.colors.surfaceLightGrayLevel350": "#cccccc",
"basics.colors.surfaceLightGrayShadow": "#000000",
"basics.colors.surfaceDarkBlueLevel10": "#454f61",
"basics.colors.surfaceDarkBlueLevel15": "#3b4453",
"basics.colors.surfaceDarkBlueLevel20": "#2e3440",
"basics.colors.surfaceDarkBlueLevel30": "#222933",
"basics.colors.surfaceDarkBlueLevel40": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel100": "#464e61",
"basics.colors.surfaceDarkBlueLevel200": "#3b4453",
"basics.colors.surfaceDarkBlueLevel250": "#2e3440",
"basics.colors.surfaceDarkBlueLevel300": "#222933",
"basics.colors.surfaceDarkBlueLevel350": "#1a1f25",
"basics.colors.surfaceDarkBlueShadow": "#1a1f26",
"basics.colors.surfaceDarkGrayLevel10": "#616161",
"basics.colors.surfaceDarkGrayLevel15": "#545454",
"basics.colors.surfaceDarkGrayLevel20": "#404040",
"basics.colors.surfaceDarkGrayLevel30": "#333333",
"basics.colors.surfaceDarkGrayLevel40": "#262626",
"basics.colors.surfaceDarkGrayLevel100": "#535353",
"basics.colors.surfaceDarkGrayLevel200": "#474747",
"basics.colors.surfaceDarkGrayLevel250": "#373737",
"basics.colors.surfaceDarkGrayLevel300": "#2a2a2a",
"basics.colors.surfaceDarkGrayLevel350": "#202020",
"basics.colors.surfaceDarkGrayShadow": "#000000",

@@ -195,7 +195,7 @@ "basics.colors.textAgainstLight": "#3c3c3c",

"basics.spacings.lowExtraExtraLarge": "64px",
"colorScheme.surfaceLevel10Color": "#ffffff",
"colorScheme.surfaceLevel15Color": "#f5f5f5",
"colorScheme.surfaceLevel20Color": "#eeeeee",
"colorScheme.surfaceLevel30Color": "#d9d9d9",
"colorScheme.surfaceLevel40Color": "#cccccc",
"colorScheme.surfaceLevel100Color": "#ffffff",
"colorScheme.surfaceLevel200Color": "#f5f5f5",
"colorScheme.surfaceLevel250Color": "#eeeeee",
"colorScheme.surfaceLevel300Color": "#d9d9d9",
"colorScheme.surfaceLevel350Color": "#cccccc",
"colorScheme.baseColor": "#808080",

@@ -224,3 +224,3 @@ "colorScheme.accentColor": "#0696d7",

"checkbox.borderRadius": "0",
"checkbox.halo.color": "#0ED3BE",
"checkbox.halo.color": "rgba(14, 211, 190, 0.15)",
"checkbox.halo.width": "0",

@@ -230,8 +230,8 @@ "checkbox.labelSpacing": "12px",

"checkbox.hover.halo.width": "1px",
"checkbox.hover.halo.color": "#0ED3BE",
"checkbox.hover.halo.color": "rgba(14, 211, 190, 0.15)",
"checkbox.focus.borderColor": "rgba(128, 128, 128, 0.5)",
"checkbox.focus.halo.color": "#0696d7",
"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": "#0696d7",
"checkbox.active.halo.color": "rgba(6, 150, 215, 0.25)",
"checkbox.active.halo.width": "1px",

@@ -241,3 +241,3 @@ "checkbox.checked.borderColor": "#808080",

"checkbox.checked.backgroundColor": "#808080",
"checkbox.disabled.borderColor": "#f5f5f5",
"checkbox.disabled.borderColor": "#808080",
"checkbox.disabled.checked.backgroundColor": "#808080",

@@ -256,3 +256,3 @@ "formField.instructionalText.fontSize": "12px",

"input.borderRadius": "0",
"input.borderColor": "#f5f5f5",
"input.borderColor": "#808080",
"input.borderWidth": "1px",

@@ -269,3 +269,3 @@ "input.borderBottomColor": "rgba(128, 128, 128, 0.5)",

"input.gutterWidth": "8px",
"input.placeholder.fontColor": "#3c3c3c",
"input.placeholder.fontColor": "rgba(60, 60, 60, 0.6)",
"input.hover.borderBottomColor": "#0ED3BE",

@@ -278,3 +278,3 @@ "input.hover.halo.width": "1px",

"input.active.halo.color": "rgba(6, 150, 215, 0.25)",
"input.disabled.borderColor": "#f5f5f5",
"input.disabled.borderColor": "#808080",
"input.disabled.fontColor": "rgba(60, 60, 60, 0.2)",

@@ -286,3 +286,3 @@ "skeletonItem.borderRadius": "2px",

"textArea.minHeight": "250px",
"textArea.borderColor": "#f5f5f5",
"textArea.borderColor": "#808080",
"label.fontSize": "12px",

@@ -300,3 +300,3 @@ "label.fontWeight": 400,

"menu.item.hover.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.focus.backgroundColor": "#808080",
"menu.item.focus.backgroundColor": "rgba(128, 128, 128, 0.1)",
"menu.item.active.backgroundColor": "rgba(6, 150, 215, 0.1)",

@@ -303,0 +303,0 @@ "menu.item.horizontalPadding": "8px",

68

build/json/webLightMediumDensityTheme/unresolvedRoles.json

@@ -446,19 +446,19 @@ {

},
"basics.colors.surfaceLightGrayLevel10": {
"basics.colors.surfaceLightGrayLevel100": {
"value": "#ffffff",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel15": {
"basics.colors.surfaceLightGrayLevel200": {
"value": "#f5f5f5",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel20": {
"basics.colors.surfaceLightGrayLevel250": {
"value": "#eeeeee",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel30": {
"basics.colors.surfaceLightGrayLevel300": {
"value": "#d9d9d9",
"type": "color"
},
"basics.colors.surfaceLightGrayLevel40": {
"basics.colors.surfaceLightGrayLevel350": {
"value": "#cccccc",

@@ -471,20 +471,20 @@ "type": "color"

},
"basics.colors.surfaceDarkBlueLevel10": {
"value": "#454f61",
"basics.colors.surfaceDarkBlueLevel100": {
"value": "#464e61",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel15": {
"basics.colors.surfaceDarkBlueLevel200": {
"value": "#3b4453",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel20": {
"basics.colors.surfaceDarkBlueLevel250": {
"value": "#2e3440",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel30": {
"basics.colors.surfaceDarkBlueLevel300": {
"value": "#222933",
"type": "color"
},
"basics.colors.surfaceDarkBlueLevel40": {
"value": "#1a1f26",
"basics.colors.surfaceDarkBlueLevel350": {
"value": "#1a1f25",
"type": "color"

@@ -496,20 +496,20 @@ },

},
"basics.colors.surfaceDarkGrayLevel10": {
"value": "#616161",
"basics.colors.surfaceDarkGrayLevel100": {
"value": "#535353",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel15": {
"value": "#545454",
"basics.colors.surfaceDarkGrayLevel200": {
"value": "#474747",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel20": {
"value": "#404040",
"basics.colors.surfaceDarkGrayLevel250": {
"value": "#373737",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel30": {
"value": "#333333",
"basics.colors.surfaceDarkGrayLevel300": {
"value": "#2a2a2a",
"type": "color"
},
"basics.colors.surfaceDarkGrayLevel40": {
"value": "#262626",
"basics.colors.surfaceDarkGrayLevel350": {
"value": "#202020",
"type": "color"

@@ -729,30 +729,30 @@ },

},
"colorScheme.surfaceLevel10Color": {
"colorScheme.surfaceLevel100Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel10"
"ref": "basics.colors.surfaceLightGrayLevel100"
}
},
"colorScheme.surfaceLevel15Color": {
"colorScheme.surfaceLevel200Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel15"
"ref": "basics.colors.surfaceLightGrayLevel200"
}
},
"colorScheme.surfaceLevel20Color": {
"colorScheme.surfaceLevel250Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel20"
"ref": "basics.colors.surfaceLightGrayLevel250"
}
},
"colorScheme.surfaceLevel30Color": {
"colorScheme.surfaceLevel300Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel30"
"ref": "basics.colors.surfaceLightGrayLevel300"
}
},
"colorScheme.surfaceLevel40Color": {
"colorScheme.surfaceLevel350Color": {
"type": "color",
"value": {
"ref": "basics.colors.surfaceLightGrayLevel40"
"ref": "basics.colors.surfaceLightGrayLevel350"
}

@@ -1102,3 +1102,3 @@ },

"value": {
"ref": "colorScheme.surfaceLevel15Color"
"ref": "colorScheme.baseColor"
}

@@ -1231,3 +1231,3 @@ },

"value": {
"ref": "colorScheme.surfaceLevel15Color"
"ref": "colorScheme.baseColor"
}

@@ -1234,0 +1234,0 @@ },

9

package.json
{
"name": "@hig/theme-data",
"version": "1.0.0-alpha.1",
"version": "1.0.0",
"description": "HIG Theme Data",

@@ -25,3 +25,4 @@ "author": "Autodesk Inc.",

"build:theme-artifacts": "node scripts/buildThemeArtifacts.js",
"lint": "hig-scripts-lint"
"lint": "hig-scripts-lint",
"release": "hig-scripts-release"
},

@@ -33,2 +34,3 @@ "devDependencies": {

"@hig/scripts": "^0.1.2",
"@hig/semantic-release-config": "^0.1.0",
"@hig/typography": "^0.1.3",

@@ -48,2 +50,5 @@ "babel-cli": "^6.26.0",

},
"release": {
"extends": "@hig/semantic-release-config"
},
"babel": {

@@ -50,0 +55,0 @@ "presets": [

123

README.md

@@ -1,2 +0,2 @@

# HIG theme data proof-of-concept
# HIG theme data

@@ -11,3 +11,3 @@ HIG theme data is a representation of the HIG visual design language in the form of data.

#### Access theme data as json
### Access theme data as json
```js

@@ -45,58 +45,95 @@ import lightGrayMediumDensityTheme from '@hig/theme-data/build/json/lightGrayMediumDensityTheme/resolvedRoles.json';

### Access theme data as scss variables
```scss
@import "@hig/theme-data/build/scss/_lightGrayMediumDensityTheme.scss";
## Vision
- Autodesk products evolve toward a greater level of visual coherence
- Product teams can alter visual design of products with minimal developer effort
.my-component {
background-color: $colorScheme-surfaceLevel10Color;
color: $colorScheme-textColor;
}
```
## Goals
- Enable teams across Autodesk to share UI components
- Shared components are highly visually flexible
- HIG developers are not a bottleneck to collaboration
## Structure of a theme
A theme is comprised of many, many _roles_. Each _roles_ defines the meaning of a value in the design system. Consider the following role—`colorScheme.textColor`. This roles describes the default color of text in the design system. The _value_ for a role may vary from theme to theme. For example, a theme with a light gray color scheme may provide the value `"#3c3c3c"`. A theme with a dark blue color scheme may provide the value `"#f5f5f5"`.
## Strategy
- Deliver HIG design as data for consumption by any product regardless of tech stack
- Enable product teams to customize theme values in order to meet their needs as they see fit
- Enable product teams to extend the schema to incorporate new or product-specific components
A component can be made themable by styling it using theme data roles rather than hard-coded values.
## Important domain concepts
### Types of roles
Roles fall into 3 broad categories—basic roles, dimension roles, and component roles.
### [Basics](./src/basics)
Named values (colors, spacings, typographic specifications, etc.) from which most (all?) other values in a theme are derived
#### Basic roles
Basics are named values (colors, spacings, typographic specifications, etc.) from which (very nearly) all other values in a theme are derived. Basics **do not change** from theme to theme.
### Role
A property of a component provided by a theme. E.g. Divider is a component. '1px' is a border width. `DIVIDER.BORDER_WIDTH` is a role mapping a width to the border width property of the divider component.
#### Dimension roles
Each themes presently has two dimensions—a color scheme, and a density.
### Resolved roles
Data defining a primitive value (e.g. “#0696D7” or “16px”) for each role in the theme schema.
##### Color scheme roles
Color scheme roles define roles related to color that change from theme to theme. They apply to many components.
### Unresolved roles
Data defining a primitive value or reference for each role in the theme schema.
A few examples of color scheme roles:
### Reference
References in a theme configuration may point to a basic value or another role. References may point to roles defined with another reference. For example, `textArea.focus.color` may refer to `input.focus.color`, which refers to `accentColor`, which refers to `basics.colors.autodeskBlue600`.
- `colorScheme.textColor`: The default color for text throught a theme. Value will be dark in a ligher theme, and light in a dark theme to contrast with surface colors.
- `colorScheme.surfaceLevel10Color`: The most prominant background color for containers in the theme. Will be lighter in a light theme, darker in a darker theme.
- `colorScheme.accentColor`: A bold color used to provide emphasis in the theme.
## Thoughts on modeling a theme
We have chosen to model theme data more simply than the domain.
##### Density roles
Density roles are reoles related to information density. They change from theme to theme.
In terms of domain, at the highest level, values in a theme fall into three categories—basics, system-level, and component-specific. Examples of system-level values are accent colors, default text properties, and colors of background surfaces. Component-level values fit into a hierarchy beginning with category (e.g. form fields), below that falls component (e.g. select element), then sub-component (e.g. option element). Category, component, and subcomponent are arbitrarily deep, and not all components fall within a category. Within a component values vary according to state. Component states are better represented by a node-map than a tree. Finally, for a given state, a value maps to a property (e.g. background color).
A couple of examples of density roles:
- `density.fontSizes.medium`: Text size for body copy in an app. Value will be smaller in a high-density theme.
- `density.spacing.medium`: A width of space between elements. Will be smaller in a high-density theme, larger in a lower-desnity theme.
##### Component roles
Component roles defined every property needed to express the design for a component in all of its states.
A few examples of component roles
- `button.outline.borderColor`: The default border color for an outline variant button
- `button.outline.hover.borderColor`: The border color of a button when the mouse is above it
- `button.outline.focus.borderColor`: The border color of a button when it has keyboard focus
### Resolved and unresolved roles
Values in a theme may take two forms. They may be a basic value in string format (e.g. "#0696d7" or "4px") or a value may be a reference to another value. For example, `textArea.focus.borderBottomColor` may refer to `colorScheme.accentColor`, which refers to `basics.colors.autodeskBlue600`. Theme data source code is stored in a format that represents these relationships. These relationships are rarely needed in product, so we _resolve_ the relatinships into a flat list of values for typical use.
#### Unresolved roles
An unresolved role defines a primitive value _or_ a reference to another role in the system.
Here are some unresolved roles:
```js
basics.colors.autodeskBlue500: {
type: "color", // Type is used to validate values and create documentation at development time
value: "#0696d7" // This is a primitive value
},
colorScheme.accentColor: {
type: "color",
value: { // This is a reference to another value
ref: "basics.colors.autodeskBlue500"
}
},
```
Theme
- Basics
- System-level values
- Component values
- Category - optional
- Component
- Subcomponent - arbitrarily deep
- State* - more of a node map than a tree
- Property: value
#### Resolved roles
A resolved role defines a primitive value (e.g. “#0696D7” or “16px”) in the theme system.
Here are the two previous roles after being resolved:
```js
basics.colors.autodeskBlue500: "#0696d7",
colorScheme.accentColor: "#0696d7", // Value has been resolved to equal basics.colors.autodeskBlue500
```
In data we model the theme as a flat map of key-value pairs. We represent the hierarchy in the key, but only as much as is needed to disambiguate one key from another. e.g. a role in the theme may have a key such as `textAreaDisabled.textColor`. The key uses component name, state name, and property name but does not describe a category.
## Ideas discussed but not advanced at this time
- Stylesheet factories: Functions that map a theme and state to a stylesheet for a component
- Stylesheets: Data providing a set of styles for each state a component can enter
- Using theme schema to raise errors in development when attempting to access an undefined or mis-typed role
- Validating themes against a json schema
- Considering how a component will declare role dependencies
## Vision
- Autodesk products evolve toward a greater level of visual coherence
- Product teams can alter visual design of products with minimal developer effort
## Goals
- Enable teams across Autodesk to share UI components
- Shared components are highly visually flexible
- HIG developers are not a bottleneck to collaboration
## Strategy
- Deliver HIG design as data for consumption by any product regardless of tech stack
- Enable product teams to customize theme values in order to meet their needs as they see fit
- Enable product teams to extend the schema to incorporate new or product-specific components
build/scss/variables/_darkBlueHighDensityTheme.scss

Sorry, the diff of this file is not supported yet

build/scss/variables/_darkBlueMediumDensityTheme.scss

Sorry, the diff of this file is not supported yet

build/scss/variables/_lightGrayHighDensityTheme.scss

Sorry, the diff of this file is not supported yet

build/scss/variables/_lightGrayMediumDensityTheme.scss

Sorry, the diff of this file is not supported yet

build/scss/variables/_webLightHighDensityTheme.scss

Sorry, the diff of this file is not supported yet

build/scss/variables/_webLightMediumDensityTheme.scss

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc