@hig/theme-data - npm Package Compare versions

Comparing version 1.0.0-alpha to 1.0.0-alpha.1

build/json/darkBlueHighDensityTheme/metadata.json

 {
-  "name": "Dark blue",
-  "id": "hig-dark-blue",
+  "colorSchemeName": "Dark blue",
+  "colorSchemeId": "hig-dark-blue",
   "className": "hig--dark-blue-theme",
-  "density": "high",
-  "densityName": "High density"
+  "densityId": "high-density",
+  "densityName": "High density",
+  "name": "Dark blue, High density",
+  "fileName": "darkBlueHighDensityTheme",
+  "id": "hig-dark-blue-high-density"
 }

build/json/darkBlueHighDensityTheme/resolvedRoles.json

@@ -188,11 +188,4 @@ {
   "colorScheme.surfaceLevel40Color": "#1a1f26",
-  "colorScheme.accentColor100": "#cdeaf7",
-  "colorScheme.accentColor200": "#9bd5ef",
-  "colorScheme.accentColor300": "#6ac0e7",
-  "colorScheme.accentColor400": "#38abdf",
-  "colorScheme.accentColor500": "#0696d7",
-  "colorScheme.accentColor600": "#0686c2",
-  "colorScheme.accentColor700": "#0571a1",
-  "colorScheme.accentColor800": "#034b6c",
-  "colorScheme.accentColor900": "#022c40",
+  "colorScheme.baseColor": "#808080",
+  "colorScheme.accentColor": "#0696d7",
   "colorScheme.component.backgroundColor": "#3b4453",
@@ -199,0 +192,0 @@ "colorScheme.textColor": "#f5f5f5",

build/json/darkBlueHighDensityTheme/theme.json

 {
-  "name": "Dark blue",
-  "id": "hig-dark-blue",
-  "className": "hig--dark-blue-theme",
-  "density": "high",
-  "densityName": "High density",
+  "metadata": {
+    "colorSchemeName": "Dark blue",
+    "colorSchemeId": "hig-dark-blue",
+    "className": "hig--dark-blue-theme",
+    "densityId": "high-density",
+    "densityName": "High density",
+    "name": "Dark blue, High density",
+    "fileName": "darkBlueHighDensityTheme",
+    "id": "hig-dark-blue-high-density"
+  },
   "resolvedRoles": {
@@ -194,11 +199,4 @@ "basics.borderRadii.none": "0",
     "colorScheme.surfaceLevel40Color": "#1a1f26",
-    "colorScheme.accentColor100": "#cdeaf7",
-    "colorScheme.accentColor200": "#9bd5ef",
-    "colorScheme.accentColor300": "#6ac0e7",
-    "colorScheme.accentColor400": "#38abdf",
-    "colorScheme.accentColor500": "#0696d7",
-    "colorScheme.accentColor600": "#0686c2",
-    "colorScheme.accentColor700": "#0571a1",
-    "colorScheme.accentColor800": "#034b6c",
-    "colorScheme.accentColor900": "#022c40",
+    "colorScheme.baseColor": "#808080",
+    "colorScheme.accentColor": "#0696d7",
     "colorScheme.component.backgroundColor": "#3b4453",
@@ -205,0 +203,0 @@ "colorScheme.textColor": "#f5f5f5",

build/json/darkBlueHighDensityTheme/unresolvedRoles.json

@@ -756,56 +756,14 @@ {
   },
-  "colorScheme.accentColor100": {
+  "colorScheme.baseColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue100"
+      "ref": "basics.colors.charcoal600"
     }
   },
-  "colorScheme.accentColor200": {
+  "colorScheme.accentColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue200"
-    }
-  },
-  "colorScheme.accentColor300": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue300"
-    }
-  },
-  "colorScheme.accentColor400": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue400"
-    }
-  },
-  "colorScheme.accentColor500": {
-    "type": "color",
-    "value": {
       "ref": "basics.colors.autodeskBlue500"
     }
   },
-  "colorScheme.accentColor600": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue600"
-    }
-  },
-  "colorScheme.accentColor700": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue700"
-    }
-  },
-  "colorScheme.accentColor800": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue800"
-    }
-  },
-  "colorScheme.accentColor900": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue900"
-    }
-  },
   "colorScheme.component.backgroundColor": {
@@ -934,3 +892,3 @@ "type": "color",
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -971,3 +929,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -993,3 +951,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1015,3 +973,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1037,3 +995,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1050,3 +1008,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1063,3 +1021,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1160,3 +1118,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1206,3 +1164,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1234,3 +1192,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1247,3 +1205,3 @@ },
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1260,3 +1218,3 @@ },
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1276,3 +1234,3 @@ "transform": {
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1305,2 +1263,3 @@ "transform": {
   "skeletonItem.defaultHeight": {
+    "type": "length",
     "value": {
@@ -1311,2 +1270,3 @@ "ref": "density.spacings.medium"
   "skeletonItem.backgroundColor": {
+    "type": "color",
     "value": {
@@ -1320,2 +1280,3 @@ "ref": "basics.colors.white"
   "skeletonItem.highlightColor": {
+    "type": "color",
     "value": {
@@ -1416,3 +1377,3 @@ "ref": "basics.colors.white"
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1432,3 +1393,3 @@ "transform": {
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1435,0 +1396,0 @@ "transform": {

build/json/darkBlueMediumDensityTheme/metadata.json

 {
-  "name": "Dark blue",
-  "id": "hig-dark-blue",
+  "colorSchemeName": "Dark blue",
+  "colorSchemeId": "hig-dark-blue",
   "className": "hig--dark-blue-theme",
-  "density": "medium",
-  "densityName": "Medium density"
+  "densityId": "medium-density",
+  "densityName": "Medium density",
+  "name": "Dark blue, Medium density",
+  "fileName": "darkBlueMediumDensityTheme",
+  "id": "hig-dark-blue-medium-density"
 }

build/json/darkBlueMediumDensityTheme/resolvedRoles.json

@@ -188,11 +188,4 @@ {
   "colorScheme.surfaceLevel40Color": "#1a1f26",
-  "colorScheme.accentColor100": "#cdeaf7",
-  "colorScheme.accentColor200": "#9bd5ef",
-  "colorScheme.accentColor300": "#6ac0e7",
-  "colorScheme.accentColor400": "#38abdf",
-  "colorScheme.accentColor500": "#0696d7",
-  "colorScheme.accentColor600": "#0686c2",
-  "colorScheme.accentColor700": "#0571a1",
-  "colorScheme.accentColor800": "#034b6c",
-  "colorScheme.accentColor900": "#022c40",
+  "colorScheme.baseColor": "#808080",
+  "colorScheme.accentColor": "#0696d7",
   "colorScheme.component.backgroundColor": "#3b4453",
@@ -199,0 +192,0 @@ "colorScheme.textColor": "#f5f5f5",

build/json/darkBlueMediumDensityTheme/theme.json

 {
-  "name": "Dark blue",
-  "id": "hig-dark-blue",
-  "className": "hig--dark-blue-theme",
-  "density": "medium",
-  "densityName": "Medium density",
+  "metadata": {
+    "colorSchemeName": "Dark blue",
+    "colorSchemeId": "hig-dark-blue",
+    "className": "hig--dark-blue-theme",
+    "densityId": "medium-density",
+    "densityName": "Medium density",
+    "name": "Dark blue, Medium density",
+    "fileName": "darkBlueMediumDensityTheme",
+    "id": "hig-dark-blue-medium-density"
+  },
   "resolvedRoles": {
@@ -194,11 +199,4 @@ "basics.borderRadii.none": "0",
     "colorScheme.surfaceLevel40Color": "#1a1f26",
-    "colorScheme.accentColor100": "#cdeaf7",
-    "colorScheme.accentColor200": "#9bd5ef",
-    "colorScheme.accentColor300": "#6ac0e7",
-    "colorScheme.accentColor400": "#38abdf",
-    "colorScheme.accentColor500": "#0696d7",
-    "colorScheme.accentColor600": "#0686c2",
-    "colorScheme.accentColor700": "#0571a1",
-    "colorScheme.accentColor800": "#034b6c",
-    "colorScheme.accentColor900": "#022c40",
+    "colorScheme.baseColor": "#808080",
+    "colorScheme.accentColor": "#0696d7",
     "colorScheme.component.backgroundColor": "#3b4453",
@@ -205,0 +203,0 @@ "colorScheme.textColor": "#f5f5f5",

build/json/darkBlueMediumDensityTheme/unresolvedRoles.json

@@ -756,56 +756,14 @@ {
   },
-  "colorScheme.accentColor100": {
+  "colorScheme.baseColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue100"
+      "ref": "basics.colors.charcoal600"
     }
   },
-  "colorScheme.accentColor200": {
+  "colorScheme.accentColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue200"
-    }
-  },
-  "colorScheme.accentColor300": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue300"
-    }
-  },
-  "colorScheme.accentColor400": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue400"
-    }
-  },
-  "colorScheme.accentColor500": {
-    "type": "color",
-    "value": {
       "ref": "basics.colors.autodeskBlue500"
     }
   },
-  "colorScheme.accentColor600": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue600"
-    }
-  },
-  "colorScheme.accentColor700": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue700"
-    }
-  },
-  "colorScheme.accentColor800": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue800"
-    }
-  },
-  "colorScheme.accentColor900": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue900"
-    }
-  },
   "colorScheme.component.backgroundColor": {
@@ -934,3 +892,3 @@ "type": "color",
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -971,3 +929,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -993,3 +951,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1015,3 +973,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1037,3 +995,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1050,3 +1008,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1063,3 +1021,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1160,3 +1118,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1206,3 +1164,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1234,3 +1192,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1247,3 +1205,3 @@ },
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1260,3 +1218,3 @@ },
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1276,3 +1234,3 @@ "transform": {
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1305,2 +1263,3 @@ "transform": {
   "skeletonItem.defaultHeight": {
+    "type": "length",
     "value": {
@@ -1311,2 +1270,3 @@ "ref": "density.spacings.medium"
   "skeletonItem.backgroundColor": {
+    "type": "color",
     "value": {
@@ -1320,2 +1280,3 @@ "ref": "basics.colors.white"
   "skeletonItem.highlightColor": {
+    "type": "color",
     "value": {
@@ -1416,3 +1377,3 @@ "ref": "basics.colors.white"
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1432,3 +1393,3 @@ "transform": {
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1435,0 +1396,0 @@ "transform": {

build/json/lightGrayHighDensityTheme/metadata.json

 {
-  "name": "Light gray",
-  "id": "hig-light-gray",
+  "colorSchemeName": "Light gray",
+  "colorSchemeId": "hig-light-gray",
   "className": "hig--light-gray-theme",
-  "density": "high",
-  "densityName": "High density"
+  "densityId": "high-density",
+  "densityName": "High density",
+  "name": "Light gray, High density",
+  "fileName": "lightGrayHighDensityTheme",
+  "id": "hig-light-gray-high-density"
 }

build/json/lightGrayHighDensityTheme/resolvedRoles.json

@@ -188,11 +188,4 @@ {
   "colorScheme.surfaceLevel40Color": "#cccccc",
-  "colorScheme.accentColor100": "#cdeaf7",
-  "colorScheme.accentColor200": "#9bd5ef",
-  "colorScheme.accentColor300": "#6ac0e7",
-  "colorScheme.accentColor400": "#38abdf",
-  "colorScheme.accentColor500": "#0696d7",
-  "colorScheme.accentColor600": "#0686c2",
-  "colorScheme.accentColor700": "#0571a1",
-  "colorScheme.accentColor800": "#034b6c",
-  "colorScheme.accentColor900": "#022c40",
+  "colorScheme.baseColor": "#808080",
+  "colorScheme.accentColor": "#0696d7",
   "colorScheme.component.backgroundColor": "#ffffff",
@@ -199,0 +192,0 @@ "colorScheme.textColor": "#3c3c3c",

build/json/lightGrayHighDensityTheme/theme.json

 {
-  "name": "Light gray",
-  "id": "hig-light-gray",
-  "className": "hig--light-gray-theme",
-  "density": "high",
-  "densityName": "High density",
+  "metadata": {
+    "colorSchemeName": "Light gray",
+    "colorSchemeId": "hig-light-gray",
+    "className": "hig--light-gray-theme",
+    "densityId": "high-density",
+    "densityName": "High density",
+    "name": "Light gray, High density",
+    "fileName": "lightGrayHighDensityTheme",
+    "id": "hig-light-gray-high-density"
+  },
   "resolvedRoles": {
@@ -194,11 +199,4 @@ "basics.borderRadii.none": "0",
     "colorScheme.surfaceLevel40Color": "#cccccc",
-    "colorScheme.accentColor100": "#cdeaf7",
-    "colorScheme.accentColor200": "#9bd5ef",
-    "colorScheme.accentColor300": "#6ac0e7",
-    "colorScheme.accentColor400": "#38abdf",
-    "colorScheme.accentColor500": "#0696d7",
-    "colorScheme.accentColor600": "#0686c2",
-    "colorScheme.accentColor700": "#0571a1",
-    "colorScheme.accentColor800": "#034b6c",
-    "colorScheme.accentColor900": "#022c40",
+    "colorScheme.baseColor": "#808080",
+    "colorScheme.accentColor": "#0696d7",
     "colorScheme.component.backgroundColor": "#ffffff",
@@ -205,0 +203,0 @@ "colorScheme.textColor": "#3c3c3c",

build/json/lightGrayHighDensityTheme/unresolvedRoles.json

@@ -756,56 +756,14 @@ {
   },
-  "colorScheme.accentColor100": {
+  "colorScheme.baseColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue100"
+      "ref": "basics.colors.charcoal600"
     }
   },
-  "colorScheme.accentColor200": {
+  "colorScheme.accentColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue200"
-    }
-  },
-  "colorScheme.accentColor300": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue300"
-    }
-  },
-  "colorScheme.accentColor400": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue400"
-    }
-  },
-  "colorScheme.accentColor500": {
-    "type": "color",
-    "value": {
       "ref": "basics.colors.autodeskBlue500"
     }
   },
-  "colorScheme.accentColor600": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue600"
-    }
-  },
-  "colorScheme.accentColor700": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue700"
-    }
-  },
-  "colorScheme.accentColor800": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue800"
-    }
-  },
-  "colorScheme.accentColor900": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue900"
-    }
-  },
   "colorScheme.component.backgroundColor": {
@@ -934,3 +892,3 @@ "type": "color",
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -971,3 +929,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -993,3 +951,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1015,3 +973,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1037,3 +995,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1050,3 +1008,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1063,3 +1021,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1160,3 +1118,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1206,3 +1164,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1234,3 +1192,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1247,3 +1205,3 @@ },
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1260,3 +1218,3 @@ },
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1276,3 +1234,3 @@ "transform": {
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1305,2 +1263,3 @@ "transform": {
   "skeletonItem.defaultHeight": {
+    "type": "length",
     "value": {
@@ -1311,2 +1270,3 @@ "ref": "density.spacings.medium"
   "skeletonItem.backgroundColor": {
+    "type": "color",
     "value": {
@@ -1320,2 +1280,3 @@ "ref": "basics.colors.black"
   "skeletonItem.highlightColor": {
+    "type": "color",
     "value": {
@@ -1416,3 +1377,3 @@ "ref": "basics.colors.white"
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1432,3 +1393,3 @@ "transform": {
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1435,0 +1396,0 @@ "transform": {

build/json/lightGrayMediumDensityTheme/metadata.json

 {
-  "name": "Light gray",
-  "id": "hig-light-gray",
+  "colorSchemeName": "Light gray",
+  "colorSchemeId": "hig-light-gray",
   "className": "hig--light-gray-theme",
-  "density": "medium",
-  "densityName": "Medium density"
+  "densityId": "medium-density",
+  "densityName": "Medium density",
+  "name": "Light gray, Medium density",
+  "fileName": "lightGrayMediumDensityTheme",
+  "id": "hig-light-gray-medium-density"
 }

build/json/lightGrayMediumDensityTheme/resolvedRoles.json

@@ -188,11 +188,4 @@ {
   "colorScheme.surfaceLevel40Color": "#cccccc",
-  "colorScheme.accentColor100": "#cdeaf7",
-  "colorScheme.accentColor200": "#9bd5ef",
-  "colorScheme.accentColor300": "#6ac0e7",
-  "colorScheme.accentColor400": "#38abdf",
-  "colorScheme.accentColor500": "#0696d7",
-  "colorScheme.accentColor600": "#0686c2",
-  "colorScheme.accentColor700": "#0571a1",
-  "colorScheme.accentColor800": "#034b6c",
-  "colorScheme.accentColor900": "#022c40",
+  "colorScheme.baseColor": "#808080",
+  "colorScheme.accentColor": "#0696d7",
   "colorScheme.component.backgroundColor": "#ffffff",
@@ -199,0 +192,0 @@ "colorScheme.textColor": "#3c3c3c",

build/json/lightGrayMediumDensityTheme/theme.json

 {
-  "name": "Light gray",
-  "id": "hig-light-gray",
-  "className": "hig--light-gray-theme",
-  "density": "medium",
-  "densityName": "Medium density",
+  "metadata": {
+    "colorSchemeName": "Light gray",
+    "colorSchemeId": "hig-light-gray",
+    "className": "hig--light-gray-theme",
+    "densityId": "medium-density",
+    "densityName": "Medium density",
+    "name": "Light gray, Medium density",
+    "fileName": "lightGrayMediumDensityTheme",
+    "id": "hig-light-gray-medium-density"
+  },
   "resolvedRoles": {
@@ -194,11 +199,4 @@ "basics.borderRadii.none": "0",
     "colorScheme.surfaceLevel40Color": "#cccccc",
-    "colorScheme.accentColor100": "#cdeaf7",
-    "colorScheme.accentColor200": "#9bd5ef",
-    "colorScheme.accentColor300": "#6ac0e7",
-    "colorScheme.accentColor400": "#38abdf",
-    "colorScheme.accentColor500": "#0696d7",
-    "colorScheme.accentColor600": "#0686c2",
-    "colorScheme.accentColor700": "#0571a1",
-    "colorScheme.accentColor800": "#034b6c",
-    "colorScheme.accentColor900": "#022c40",
+    "colorScheme.baseColor": "#808080",
+    "colorScheme.accentColor": "#0696d7",
     "colorScheme.component.backgroundColor": "#ffffff",
@@ -205,0 +203,0 @@ "colorScheme.textColor": "#3c3c3c",

build/json/lightGrayMediumDensityTheme/unresolvedRoles.json

@@ -756,56 +756,14 @@ {
   },
-  "colorScheme.accentColor100": {
+  "colorScheme.baseColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue100"
+      "ref": "basics.colors.charcoal600"
     }
   },
-  "colorScheme.accentColor200": {
+  "colorScheme.accentColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue200"
-    }
-  },
-  "colorScheme.accentColor300": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue300"
-    }
-  },
-  "colorScheme.accentColor400": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue400"
-    }
-  },
-  "colorScheme.accentColor500": {
-    "type": "color",
-    "value": {
       "ref": "basics.colors.autodeskBlue500"
     }
   },
-  "colorScheme.accentColor600": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue600"
-    }
-  },
-  "colorScheme.accentColor700": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue700"
-    }
-  },
-  "colorScheme.accentColor800": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue800"
-    }
-  },
-  "colorScheme.accentColor900": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue900"
-    }
-  },
   "colorScheme.component.backgroundColor": {
@@ -934,3 +892,3 @@ "type": "color",
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -971,3 +929,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -993,3 +951,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1015,3 +973,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1037,3 +995,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1050,3 +1008,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1063,3 +1021,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1160,3 +1118,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1206,3 +1164,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1234,3 +1192,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1247,3 +1205,3 @@ },
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1260,3 +1218,3 @@ },
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1276,3 +1234,3 @@ "transform": {
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1305,2 +1263,3 @@ "transform": {
   "skeletonItem.defaultHeight": {
+    "type": "length",
     "value": {
@@ -1311,2 +1270,3 @@ "ref": "density.spacings.medium"
   "skeletonItem.backgroundColor": {
+    "type": "color",
     "value": {
@@ -1320,2 +1280,3 @@ "ref": "basics.colors.black"
   "skeletonItem.highlightColor": {
+    "type": "color",
     "value": {
@@ -1416,3 +1377,3 @@ "ref": "basics.colors.white"
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1432,3 +1393,3 @@ "transform": {
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1435,0 +1396,0 @@ "transform": {

build/json/webLightHighDensityTheme/metadata.json

 {
-  "name": "Web light",
-  "id": "hig-light",
+  "colorSchemeName": "Web light",
+  "colorSchemeId": "hig-light",
   "className": "hig--light-theme",
-  "density": "high",
-  "densityName": "High density"
+  "densityId": "high-density",
+  "densityName": "High density",
+  "name": "Web light, High density",
+  "fileName": "webLightHighDensityTheme",
+  "id": "hig-light-high-density"
 }

build/json/webLightHighDensityTheme/resolvedRoles.json

@@ -188,11 +188,4 @@ {
   "colorScheme.surfaceLevel40Color": "#cccccc",
-  "colorScheme.accentColor100": "#cdeaf7",
-  "colorScheme.accentColor200": "#9bd5ef",
-  "colorScheme.accentColor300": "#6ac0e7",
-  "colorScheme.accentColor400": "#38abdf",
-  "colorScheme.accentColor500": "#0696d7",
-  "colorScheme.accentColor600": "#0686c2",
-  "colorScheme.accentColor700": "#0571a1",
-  "colorScheme.accentColor800": "#034b6c",
-  "colorScheme.accentColor900": "#022c40",
+  "colorScheme.baseColor": "#808080",
+  "colorScheme.accentColor": "#0696d7",
   "colorScheme.component.backgroundColor": "#ffffff",
@@ -199,0 +192,0 @@ "colorScheme.textColor": "#3c3c3c",

build/json/webLightHighDensityTheme/theme.json

 {
-  "name": "Web light",
-  "id": "hig-light",
-  "className": "hig--light-theme",
-  "density": "high",
-  "densityName": "High density",
+  "metadata": {
+    "colorSchemeName": "Web light",
+    "colorSchemeId": "hig-light",
+    "className": "hig--light-theme",
+    "densityId": "high-density",
+    "densityName": "High density",
+    "name": "Web light, High density",
+    "fileName": "webLightHighDensityTheme",
+    "id": "hig-light-high-density"
+  },
   "resolvedRoles": {
@@ -194,11 +199,4 @@ "basics.borderRadii.none": "0",
     "colorScheme.surfaceLevel40Color": "#cccccc",
-    "colorScheme.accentColor100": "#cdeaf7",
-    "colorScheme.accentColor200": "#9bd5ef",
-    "colorScheme.accentColor300": "#6ac0e7",
-    "colorScheme.accentColor400": "#38abdf",
-    "colorScheme.accentColor500": "#0696d7",
-    "colorScheme.accentColor600": "#0686c2",
-    "colorScheme.accentColor700": "#0571a1",
-    "colorScheme.accentColor800": "#034b6c",
-    "colorScheme.accentColor900": "#022c40",
+    "colorScheme.baseColor": "#808080",
+    "colorScheme.accentColor": "#0696d7",
     "colorScheme.component.backgroundColor": "#ffffff",
@@ -205,0 +203,0 @@ "colorScheme.textColor": "#3c3c3c",

build/json/webLightHighDensityTheme/unresolvedRoles.json

@@ -756,56 +756,14 @@ {
   },
-  "colorScheme.accentColor100": {
+  "colorScheme.baseColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue100"
+      "ref": "basics.colors.charcoal600"
     }
   },
-  "colorScheme.accentColor200": {
+  "colorScheme.accentColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue200"
-    }
-  },
-  "colorScheme.accentColor300": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue300"
-    }
-  },
-  "colorScheme.accentColor400": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue400"
-    }
-  },
-  "colorScheme.accentColor500": {
-    "type": "color",
-    "value": {
       "ref": "basics.colors.autodeskBlue500"
     }
   },
-  "colorScheme.accentColor600": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue600"
-    }
-  },
-  "colorScheme.accentColor700": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue700"
-    }
-  },
-  "colorScheme.accentColor800": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue800"
-    }
-  },
-  "colorScheme.accentColor900": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue900"
-    }
-  },
   "colorScheme.component.backgroundColor": {
@@ -934,3 +892,3 @@ "type": "color",
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -971,3 +929,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -993,3 +951,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1015,3 +973,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1037,3 +995,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1050,3 +1008,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1063,3 +1021,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1160,3 +1118,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1241,3 +1199,3 @@ "transform": {
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1254,3 +1212,3 @@ },
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1270,3 +1228,3 @@ "transform": {
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1299,2 +1257,3 @@ "transform": {
   "skeletonItem.defaultHeight": {
+    "type": "length",
     "value": {
@@ -1305,2 +1264,3 @@ "ref": "density.spacings.medium"
   "skeletonItem.backgroundColor": {
+    "type": "color",
     "value": {
@@ -1314,2 +1274,3 @@ "ref": "basics.colors.black"
   "skeletonItem.highlightColor": {
+    "type": "color",
     "value": {
@@ -1410,3 +1371,3 @@ "ref": "basics.colors.white"
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1426,3 +1387,3 @@ "transform": {
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1429,0 +1390,0 @@ "transform": {

build/json/webLightMediumDensityTheme/metadata.json

 {
-  "name": "Web light",
-  "id": "hig-light",
+  "colorSchemeName": "Web light",
+  "colorSchemeId": "hig-light",
   "className": "hig--light-theme",
-  "density": "medium",
-  "densityName": "Medium density"
+  "densityId": "medium-density",
+  "densityName": "Medium density",
+  "name": "Web light, Medium density",
+  "fileName": "webLightMediumDensityTheme",
+  "id": "hig-light-medium-density"
 }

build/json/webLightMediumDensityTheme/resolvedRoles.json

@@ -188,11 +188,4 @@ {
   "colorScheme.surfaceLevel40Color": "#cccccc",
-  "colorScheme.accentColor100": "#cdeaf7",
-  "colorScheme.accentColor200": "#9bd5ef",
-  "colorScheme.accentColor300": "#6ac0e7",
-  "colorScheme.accentColor400": "#38abdf",
-  "colorScheme.accentColor500": "#0696d7",
-  "colorScheme.accentColor600": "#0686c2",
-  "colorScheme.accentColor700": "#0571a1",
-  "colorScheme.accentColor800": "#034b6c",
-  "colorScheme.accentColor900": "#022c40",
+  "colorScheme.baseColor": "#808080",
+  "colorScheme.accentColor": "#0696d7",
   "colorScheme.component.backgroundColor": "#ffffff",
@@ -199,0 +192,0 @@ "colorScheme.textColor": "#3c3c3c",

build/json/webLightMediumDensityTheme/theme.json

 {
-  "name": "Web light",
-  "id": "hig-light",
-  "className": "hig--light-theme",
-  "density": "medium",
-  "densityName": "Medium density",
+  "metadata": {
+    "colorSchemeName": "Web light",
+    "colorSchemeId": "hig-light",
+    "className": "hig--light-theme",
+    "densityId": "medium-density",
+    "densityName": "Medium density",
+    "name": "Web light, Medium density",
+    "fileName": "webLightMediumDensityTheme",
+    "id": "hig-light-medium-density"
+  },
   "resolvedRoles": {
@@ -194,11 +199,4 @@ "basics.borderRadii.none": "0",
     "colorScheme.surfaceLevel40Color": "#cccccc",
-    "colorScheme.accentColor100": "#cdeaf7",
-    "colorScheme.accentColor200": "#9bd5ef",
-    "colorScheme.accentColor300": "#6ac0e7",
-    "colorScheme.accentColor400": "#38abdf",
-    "colorScheme.accentColor500": "#0696d7",
-    "colorScheme.accentColor600": "#0686c2",
-    "colorScheme.accentColor700": "#0571a1",
-    "colorScheme.accentColor800": "#034b6c",
-    "colorScheme.accentColor900": "#022c40",
+    "colorScheme.baseColor": "#808080",
+    "colorScheme.accentColor": "#0696d7",
     "colorScheme.component.backgroundColor": "#ffffff",
@@ -205,0 +203,0 @@ "colorScheme.textColor": "#3c3c3c",

build/json/webLightMediumDensityTheme/unresolvedRoles.json

@@ -756,56 +756,14 @@ {
   },
-  "colorScheme.accentColor100": {
+  "colorScheme.baseColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue100"
+      "ref": "basics.colors.charcoal600"
     }
   },
-  "colorScheme.accentColor200": {
+  "colorScheme.accentColor": {
     "type": "color",
     "value": {
-      "ref": "basics.colors.autodeskBlue200"
-    }
-  },
-  "colorScheme.accentColor300": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue300"
-    }
-  },
-  "colorScheme.accentColor400": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue400"
-    }
-  },
-  "colorScheme.accentColor500": {
-    "type": "color",
-    "value": {
       "ref": "basics.colors.autodeskBlue500"
     }
   },
-  "colorScheme.accentColor600": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue600"
-    }
-  },
-  "colorScheme.accentColor700": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue700"
-    }
-  },
-  "colorScheme.accentColor800": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue800"
-    }
-  },
-  "colorScheme.accentColor900": {
-    "type": "color",
-    "value": {
-      "ref": "basics.colors.autodeskBlue900"
-    }
-  },
   "colorScheme.component.backgroundColor": {
@@ -934,3 +892,3 @@ "type": "color",
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -971,3 +929,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -993,3 +951,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1015,3 +973,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1037,3 +995,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1050,3 +1008,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     }
@@ -1063,3 +1021,3 @@ },
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1160,3 +1118,3 @@ "transform": {
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1241,3 +1199,3 @@ "transform": {
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     }
@@ -1254,3 +1212,3 @@ },
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1270,3 +1228,3 @@ "transform": {
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1299,2 +1257,3 @@ "transform": {
   "skeletonItem.defaultHeight": {
+    "type": "length",
     "value": {
@@ -1305,2 +1264,3 @@ "ref": "density.spacings.medium"
   "skeletonItem.backgroundColor": {
+    "type": "color",
     "value": {
@@ -1314,2 +1274,3 @@ "ref": "basics.colors.black"
   "skeletonItem.highlightColor": {
+    "type": "color",
     "value": {
@@ -1410,3 +1371,3 @@ "ref": "basics.colors.white"
     "value": {
-      "ref": "basics.colors.charcoal600"
+      "ref": "colorScheme.baseColor"
     },
@@ -1426,3 +1387,3 @@ "transform": {
     "value": {
-      "ref": "colorScheme.accentColor500"
+      "ref": "colorScheme.accentColor"
     },
@@ -1429,0 +1390,0 @@ "transform": {

package.json

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

README.md

@@ -31,3 +31,3 @@ # HIG theme data proof-of-concept
 const redAccentedUnresolvedTheme = extendTheme(unresolvedRoles, {
-    "colorScheme.accentColor500": "#F00",
+    "colorScheme.accentColor": "#F00",
 });
@@ -39,3 +39,3 @@ const redAccentedTheme = resolveTheme(redAccentedUnresolvedTheme);
 // ...
-//  "colorScheme.accentColor500": "#F00",
+//  "colorScheme.accentColor": "#F00",
 //  "input.focus.borderBottomColor": "#F00"
@@ -42,0 +42,0 @@ // ...

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

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

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

Worsened metrics

Total package byte prevSize

403485

decreased by-52.56%

Number of downloads

489

decreased by-11.25%

Number of package files

34

decreased by-39.29%

Lines of code

12138

decreased by-58.62%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes