@hpe-web/design-tokens 1.0.0 → 1.2.0

package/{dtcg/foundation/color.tokens.json → src/primitive/primitives.json}

@@ -4,6 +4,7 @@
       "color": {
         "black": {
           "opacity100": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -15,6 +16,7 @@
             }
           },
           "opacity12": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -23,10 +25,11 @@
                 0
               ],
               "hex": "#000000",
-              "alpha": 0.122
+              "alpha": 0.12
             }
           },
           "opacity24": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -35,10 +38,11 @@
                 0
               ],
               "hex": "#000000",
-              "alpha": 0.239
+              "alpha": 0.24
             }
           },
           "opacity36": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -47,10 +51,11 @@
                 0
               ],
               "hex": "#000000",
-              "alpha": 0.361
+              "alpha": 0.36
             }
           },
           "opacity4": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -59,10 +64,11 @@
                 0
               ],
               "hex": "#000000",
-              "alpha": 0.039
+              "alpha": 0.04
             }
           },
           "opacity48": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -71,10 +77,11 @@
                 0
               ],
               "hex": "#000000",
-              "alpha": 0.478
+              "alpha": 0.48
             }
           },
           "opacity50": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -83,10 +90,11 @@
                 0
               ],
               "hex": "#000000",
-              "alpha": 0.502
+              "alpha": 0.5
             }
           },
           "opacity72": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -95,10 +103,11 @@
                 0
               ],
               "hex": "#000000",
-              "alpha": 0.722
+              "alpha": 0.72
             }
           },
           "opacity8": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -107,12 +116,13 @@
                 0
               ],
               "hex": "#000000",
-              "alpha": 0.078
+              "alpha": 0.08
             }
           }
         },
         "blue": {
           "50": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -124,6 +134,7 @@
             }
           },
           "200": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -135,6 +146,7 @@
             }
           },
           "300": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -146,6 +158,7 @@
             }
           },
           "500": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -157,6 +170,7 @@
             }
           },
           "700": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -168,6 +182,7 @@
             }
           },
           "900": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -179,6 +194,7 @@
             }
           },
           "1100": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -192,6 +208,7 @@
         },
         "coral": {
           "100": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -203,6 +220,7 @@
             }
           },
           "200": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -214,6 +232,7 @@
             }
           },
           "300": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -225,6 +244,7 @@
             }
           },
           "400": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -236,6 +256,7 @@
             }
           },
           "500": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -249,6 +270,7 @@
         },
         "cyan": {
           "100": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -260,6 +282,7 @@
             }
           },
           "200": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -271,6 +294,7 @@
             }
           },
           "300": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -282,6 +306,7 @@
             }
           },
           "400": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -293,6 +318,7 @@
             }
           },
           "500": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -306,6 +332,7 @@
         },
         "fuschia": {
           "100": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -317,6 +344,7 @@
             }
           },
           "200": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -328,6 +356,7 @@
             }
           },
           "300": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -339,6 +368,7 @@
             }
           },
           "700": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -350,6 +380,7 @@
             }
           },
           "900": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -363,6 +394,7 @@
         },
         "gold": {
           "100": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -374,6 +406,7 @@
             }
           },
           "200": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -385,6 +418,7 @@
             }
           },
           "300": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -396,6 +430,7 @@
             }
           },
           "400": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -407,6 +442,7 @@
             }
           },
           "500": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -418,6 +454,7 @@
             }
           },
           "550": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -431,6 +468,7 @@
         },
         "green": {
           "100": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -442,6 +480,7 @@
             }
           },
           "125": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -453,6 +492,7 @@
             }
           },
           "400": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -464,6 +504,7 @@
             }
           },
           "450": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -475,6 +516,7 @@
             }
           },
           "500": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -483,9 +525,11 @@
                 0.686
               ],
               "hex": "#00e0af"
-            }
+            },
+            "$description": "Landmark Primary Green"
           },
           "550": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -497,6 +541,7 @@
             }
           },
           "600": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -505,9 +550,11 @@
                 0.51
               ],
               "hex": "#01a982"
-            }
+            },
+            "$description": "HPE Brand"
           },
           "650": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -519,6 +566,7 @@
             }
           },
           "700": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -530,6 +578,7 @@
             }
           },
           "800": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -541,6 +590,7 @@
             }
           },
           "900": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -552,6 +602,7 @@
             }
           },
           "1000": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -565,6 +616,7 @@
         },
         "grey": {
           "50": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -576,6 +628,7 @@
             }
           },
           "200": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -587,6 +640,7 @@
             }
           },
           "400": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -598,6 +652,7 @@
             }
           },
           "500": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -609,6 +664,7 @@
             }
           },
           "600": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -620,6 +676,7 @@
             }
           },
           "650": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -631,6 +688,7 @@
             }
           },
           "700": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -642,6 +700,7 @@
             }
           },
           "800": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -653,6 +712,7 @@
             }
           },
           "1000": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -664,6 +724,7 @@
             }
           },
           "1200": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -675,6 +736,7 @@
             }
           },
           "1300": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -688,6 +750,7 @@
         },
         "orange": {
           "50": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -699,6 +762,7 @@
             }
           },
           "500": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -710,6 +774,7 @@
             }
           },
           "600": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -721,6 +786,7 @@
             }
           },
           "1000": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -734,6 +800,7 @@
         },
         "plum": {
           "100": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -745,6 +812,7 @@
             }
           },
           "200": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -756,6 +824,7 @@
             }
           },
           "600": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -767,6 +836,7 @@
             }
           },
           "700": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -778,6 +848,7 @@
             }
           },
           "900": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -791,6 +862,7 @@
         },
         "purple": {
           "100": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -799,9 +871,11 @@
                 0.988
               ],
               "hex": "#b7a2fc"
-            }
+            },
+            "$description": "Purple 3"
           },
           "200": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -810,9 +884,11 @@
                 0.988
               ],
               "hex": "#9b84fc"
-            }
+            },
+            "$description": "Purple 2"
           },
           "400": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -821,9 +897,11 @@
                 0.988
               ],
               "hex": "#7764fc"
-            }
+            },
+            "$description": "Purple"
           },
           "700": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -832,9 +910,11 @@
                 0.839
               ],
               "hex": "#5d45d6"
-            }
+            },
+            "$description": "Purple 4"
           },
           "900": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -843,11 +923,13 @@
                 0.631
               ],
               "hex": "#3c3aa1"
-            }
+            },
+            "$description": "Purple 5"
           }
         },
         "red": {
           "50": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -859,6 +941,7 @@
             }
           },
           "400": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -870,6 +953,7 @@
             }
           },
           "500": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -881,6 +965,7 @@
             }
           },
           "600": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -892,6 +977,7 @@
             }
           },
           "800": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -903,6 +989,7 @@
             }
           },
           "1000": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -916,6 +1003,7 @@
         },
         "white": {
           "100": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -927,6 +1015,7 @@
             }
           },
           "opacity10": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -935,10 +1024,11 @@
                 1
               ],
               "hex": "#ffffff",
-              "alpha": 0.102
+              "alpha": 0.1
             }
           },
           "opacity12": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -947,10 +1037,11 @@
                 1
               ],
               "hex": "#ffffff",
-              "alpha": 0.122
+              "alpha": 0.12
             }
           },
           "opacity20": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -963,6 +1054,7 @@
             }
           },
           "opacity24": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -971,10 +1063,11 @@
                 1
               ],
               "hex": "#ffffff",
-              "alpha": 0.239
+              "alpha": 0.24
             }
           },
           "opacity36": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -983,10 +1076,11 @@
                 1
               ],
               "hex": "#ffffff",
-              "alpha": 0.361
+              "alpha": 0.36
             }
           },
           "opacity50": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -995,10 +1089,11 @@
                 1
               ],
               "hex": "#ffffff",
-              "alpha": 0.502
+              "alpha": 0.5
             }
           },
           "opacity6": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -1007,10 +1102,11 @@
                 1
               ],
               "hex": "#ffffff",
-              "alpha": 0.059
+              "alpha": 0.06
             }
           },
           "opacity7": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
@@ -1019,1016 +1115,410 @@
                 1
               ],
               "hex": "#ffffff",
-              "alpha": 0.071
+              "alpha": 0.07
             }
           },
           "opacity72": {
+            "$type": "color",
             "$value": {
               "colorSpace": "srgb",
               "components": [
-                1,
-                1,
-                1
-              ],
-              "hex": "#ffffff",
-              "alpha": 0.722
-            }
-          }
-        }
-      }
-    },
-    "button": {
-      "anchor": {
-        "neutral": {
-          "disabled": {
-            "rest": {
-              "background": {
-                "$value": {
-                  "colorSpace": "srgb",
-                  "components": [
-                    0,
-                    0,
-                    0
-                  ],
-                  "hex": "#000000",
-                  "alpha": 0
-                }
-              },
-              "border-color": {
-                "$value": {
-                  "colorSpace": "srgb",
-                  "components": [
-                    0,
-                    0,
-                    0
-                  ],
-                  "hex": "#000000",
-                  "alpha": 0
-                }
-              },
-              "icon-color": {
-                "$value": "{hpe-web.color.icon.disabled}"
-              },
-              "text-color": {
-                "$value": "{hpe-web.color.text.disabled}"
-              }
-            }
-          },
-          "hover": {
-            "background": {
-              "$value": "{hpe-web.color.transparent}"
-            },
-            "border-color": {
-              "$value": {
-                "colorSpace": "srgb",
-                "components": [
-                  0,
-                  0,
-                  0
-                ],
-                "hex": "#000000",
-                "alpha": 0
-              }
-            },
-            "icon-color": {
-              "$value": "{hpe-web.color.text.neutral-strong}"
-            },
-            "text-color": {
-              "$value": "{hpe-web.color.text.neutral-strong}"
-            }
-          },
-          "rest": {
-            "background": {
-              "$value": {
-                "colorSpace": "srgb",
-                "components": [
-                  0,
-                  0,
-                  0
-                ],
-                "hex": "#000000",
-                "alpha": 0
-              }
-            },
-            "border-color": {
-              "$value": {
-                "colorSpace": "srgb",
-                "components": [
-                  0,
-                  0,
-                  0
-                ],
-                "hex": "#000000",
-                "alpha": 0
-              }
-            },
-            "icon-color": {
-              "$value": "{hpe-web.color.icon.strong}"
-            },
-            "text-color": {
-              "$value": "{hpe-web.color.text.header}"
-            }
-          }
-        },
-        "primary": {
-          "disabled": {
-            "rest": {
-              "background": {
-                "$value": {
-                  "colorSpace": "srgb",
-                  "components": [
-                    0,
-                    0,
-                    0
-                  ],
-                  "hex": "#000000",
-                  "alpha": 0
-                }
-              },
-              "border-color": {
-                "$value": {
-                  "colorSpace": "srgb",
-                  "components": [
-                    0,
-                    0,
-                    0
-                  ],
-                  "hex": "#000000",
-                  "alpha": 0
-                }
-              },
-              "icon-color": {
-                "$value": "{hpe-web.color.text.disabled}"
-              },
-              "text-color": {
-                "$value": "{hpe-web.color.text.disabled}"
-              }
-            }
-          },
-          "hover": {
-            "background": {
-              "$value": "{hpe-web.color.transparent}"
-            },
-            "border-color": {
-              "$value": "{hpe-web.color.transparent}"
-            },
-            "icon-color": {
-              "$value": "{hpe-web.color.text.primary-strong}"
-            },
-            "text-color": {
-              "$value": "{hpe-web.color.text.primary-strong}"
-            }
-          },
-          "rest": {
-            "background": {
-              "$value": {
-                "colorSpace": "srgb",
-                "components": [
-                  0,
-                  0,
-                  0
-                ],
-                "hex": "#000000",
-                "alpha": 0
-              }
-            },
-            "border-color": {
-              "$value": {
-                "colorSpace": "srgb",
-                "components": [
-                  0,
-                  0,
-                  0
-                ],
-                "hex": "#000000",
-                "alpha": 0
-              }
-            },
-            "icon-color": {
-              "$value": "{hpe-web.color.text.primary}"
-            },
-            "text-color": {
-              "$value": "{hpe-web.color.text.primary}"
-            }
-          }
-        }
-      },
-      "carousel": {
-        "disabled": {
-          "background": {
-            "$value": "{hpe-web.theme.button.carousel.disabled.background}"
-          },
-          "border-color": {
-            "$value": "{hpe-web.theme.button.carousel.disabled.border-color}"
-          },
-          "icon-color": {
-            "$value": "{hpe-web.theme.button.carousel.disabled.icon-color}"
-          }
-        },
-        "hover": {
-          "background": {
-            "$value": "{hpe-web.theme.button.carousel.hover.background}"
-          },
-          "border-color": {
-            "$value": "{hpe-web.theme.button.carousel.hover.border-color}"
-          },
-          "icon-color": {
-            "$value": "{hpe-web.theme.button.carousel.hover.icon-color}"
-          }
-        },
-        "rest": {
-          "background": {
-            "$value": "{hpe-web.theme.button.carousel.rest.background}"
-          },
-          "border-color": {
-            "$value": "{hpe-web.theme.button.carousel.rest.border-color}"
-          },
-          "icon-color": {
-            "$value": "{hpe-web.theme.button.carousel.rest.icon-color}"
-          }
-        }
-      },
-      "play": {
-        "hover": {
-          "background": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                1,
-                1,
-                1
-              ],
-              "hex": "#ffffff"
-            }
-          },
-          "border-color": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0,
-                0,
-                0
-              ],
-              "hex": "#000000",
-              "alpha": 0
-            }
-          },
-          "icon-color": {
-            "$value": "{hpe-web.button.play.rest.icon-color}"
-          }
-        },
-        "rest": {
-          "background": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                1,
-                1,
-                1
-              ],
-              "hex": "#ffffff"
-            }
-          },
-          "border-color": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0,
-                0,
-                0
-              ],
-              "hex": "#000000",
-              "alpha": 0
-            }
-          },
-          "icon-color": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.024,
-                0.525,
-                0.404
-              ],
-              "hex": "#068667"
-            }
-          },
-          "icon-color_1": {
-            "$value": "{hpe-web.button.play.rest.icon-color}"
-          }
-        }
-      },
-      "primary": {
-        "disabled": {
-          "rest": {
-            "background": {
-              "$value": "{hpe-web.color.background.neutral-weak}"
-            },
-            "border-color": {
-              "$value": {
-                "colorSpace": "srgb",
-                "components": [
-                  0,
-                  0,
-                  0
-                ],
-                "hex": "#000000",
-                "alpha": 0
-              }
-            },
-            "icon-color": {
-              "$value": "{hpe-web.color.icon.disabled}"
-            },
-            "text-color": {
-              "$value": "{hpe-web.color.text.disabled}"
-            }
-          }
-        },
-        "hover": {
-          "background": {
-            "$value": "{hpe-web.color.background.neutral}"
-          },
-          "border-color": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0,
-                0,
-                0
-              ],
-              "hex": "#000000",
-              "alpha": 0
-            }
-          },
-          "icon-color": {
-            "$value": "{hpe-web.color.text.on-neutral}"
-          },
-          "text-color": {
-            "$value": "{hpe-web.color.text.on-neutral}"
-          }
-        },
-        "rest": {
-          "background": {
-            "$value": "{hpe-web.color.background.neutral-strong}"
-          },
-          "border-color": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0,
-                0,
-                0
-              ],
-              "hex": "#000000",
-              "alpha": 0
-            }
-          },
-          "icon-color": {
-            "$value": "{hpe-web.color.text.on-neutral}"
-          },
-          "text-color": {
-            "$value": "{hpe-web.color.text.on-neutral}"
-          }
-        }
-      },
-      "secondary": {
-        "disabled": {
-          "rest": {
-            "background": {
-              "$value": "{hpe-web.color.transparent}"
-            },
-            "border-color": {
-              "$value": "{hpe-web.color.background.neutral-weak}"
-            },
-            "icon-color": {
-              "$value": "{hpe-web.color.icon.disabled}"
-            },
-            "text-color": {
-              "$value": "{hpe-web.color.text.disabled}"
-            }
-          }
-        },
-        "hover": {
-          "background": {
-            "$value": "{hpe-web.color.transparent}"
-          },
-          "border-color": {
-            "$value": "{hpe-web.color.border.primary-strong}"
-          },
-          "icon-color": {
-            "$value": "{hpe-web.color.icon.strong}"
-          },
-          "text-color": {
-            "$value": "{hpe-web.color.text.header}"
-          }
-        },
-        "rest": {
-          "background": {
-            "$value": "{hpe-web.color.transparent}"
-          },
-          "border-color": {
-            "$value": "{hpe-web.color.border.primary}"
-          },
-          "icon-color": {
-            "$value": "{hpe-web.color.icon.strong}"
-          },
-          "text-color": {
-            "$value": "{hpe-web.color.text.header}"
-          }
-        }
-      }
-    },
-    "color": {
-      "background": {
-        "card": {
-          "$value": "{hpe-web.base.color.grey.50}"
-        },
-        "card-hover": {
-          "$value": "{hpe-web.base.color.grey.200}"
-        },
-        "component": {
-          "$value": "{hpe-web.base.color.grey.200}"
-        },
-        "component-disabled": {
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.647,
-              0.647,
-              0.663
-            ],
-            "hex": "#a5a5a9"
-          }
-        },
-        "component-hover": {
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.831,
-              0.831,
-              0.831
-            ],
-            "hex": "#d4d4d4"
-          }
-        },
-        "contrast": {
-          "$value": "{hpe-web.base.color.black.opacity4}"
-        },
-        "critical": {
-          "$value": "{hpe-web.base.color.red.800}"
-        },
-        "default": {
-          "$value": "{hpe-web.base.color.white.100}"
-        },
-        "focus": {
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.165,
-              0.824,
-              0.788
-            ],
-            "hex": "#2ad2c9"
-          }
-        },
-        "neutral": {
-          "$value": "{hpe-web.base.color.grey.700}"
-        },
-        "neutral-strong": {
-          "$value": "{hpe-web.base.color.grey.1000}"
-        },
-        "neutral-weak": {
-          "$value": "{hpe-web.base.color.grey.400}"
-        },
-        "ok": {
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0,
-              0.604,
-              0.443
-            ],
-            "hex": "#009a71"
-          }
-        },
-        "primary": {
-          "$value": "{hpe-web.base.color.green.600}"
-        },
-        "primary-strong": {
-          "$value": "{hpe-web.base.color.green.700}"
-        },
-        "warning": {
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.827,
-              0.427,
-              0
-            ],
-            "hex": "#d36d00"
-          }
-        }
-      },
-      "border": {
-        "critical": {
-          "$value": "{hpe-web.base.color.red.800}"
-        },
-        "default": {
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.627,
-              0.635,
-              0.659
-            ],
-            "hex": "#a0a2a8"
-          }
-        },
-        "focus": {
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.165,
-              0.824,
-              0.788
-            ],
-            "hex": "#2ad2c9"
-          }
-        },
-        "ok": {
-          "$value": "{hpe-web.base.color.green.650}"
-        },
-        "primary": {
-          "$value": "{hpe-web.base.color.green.600}"
-        },
-        "primary-strong": {
-          "$value": "{hpe-web.base.color.green.700}"
-        },
-        "warning": {
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.827,
-              0.427,
-              0
-            ],
-            "hex": "#d36d00"
-          }
-        },
-        "weak": {
-          "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.82,
-              0.82,
-              0.82
-            ],
-            "hex": "#d1d1d1"
-          }
-        }
-      },
-      "decorative": {
-        "black": {
-          "$value": "{hpe-web.base.color.black.opacity100}"
-        },
-        "blue": {
-          "$value": "{hpe-web.base.color.blue.500}"
-        },
-        "brand": {
-          "$value": "{hpe-web.base.color.green.600}"
-        },
-        "cyan": {
-          "$value": "{hpe-web.base.color.cyan.200}"
-        },
-        "green": {
-          "$value": "{hpe-web.base.color.green.550}"
-        },
-        "neutral": {
-          "$value": "{hpe-web.base.color.grey.600}"
-        },
-        "neutral-hover": {
-          "$value": "{hpe-web.base.color.grey.650}"
-        },
-        "purple": {
-          "$value": "{hpe-web.base.color.purple.400}"
-        },
-        "white": {
-          "$value": "{hpe-web.base.color.white.100}"
-        }
-      },
-      "gradient": {
-        "element-green": {
-          "stop0": {
-            "$value": "{hpe-web.base.color.green.550}"
-          },
-          "stop100": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                1,
-                1,
-                1
-              ],
-              "hex": "#ffffff",
-              "alpha": 0
-            }
-          }
-        },
-        "element-neutral": {
-          "stop0": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.161,
-                0.176,
-                0.227
-              ],
-              "hex": "#292d3a",
-              "alpha": 0.271
-            }
-          },
-          "stop100": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                1,
-                1,
-                1
-              ],
-              "hex": "#ffffff",
-              "alpha": 0
-            }
-          },
-          "stop15": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.224,
-                0.239,
-                0.282
-              ],
-              "hex": "#393d48",
-              "alpha": 0.251
-            }
-          },
-          "stop28": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.286,
-                0.306,
-                0.341
-              ],
-              "hex": "#494e57",
-              "alpha": 0.239
-            }
-          },
-          "stop38": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.353,
-                0.373,
-                0.396
-              ],
-              "hex": "#5a5f65",
-              "alpha": 0.22
-            }
-          },
-          "stop47": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.416,
-                0.439,
-                0.451
-              ],
-              "hex": "#6a7073",
-              "alpha": 0.2
-            }
-          },
-          "stop54": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.482,
-                0.506,
-                0.506
-              ],
-              "hex": "#7b8181",
-              "alpha": 0.188
-            }
-          },
-          "stop60": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.549,
-                0.573,
-                0.565
-              ],
-              "hex": "#8c9290",
-              "alpha": 0.169
-            }
-          },
-          "stop65": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.616,
-                0.639,
-                0.62
-              ],
-              "hex": "#9da39e",
-              "alpha": 0.149
-            }
-          },
-          "stop70": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.678,
-                0.706,
-                0.675
-              ],
-              "hex": "#adb4ac",
-              "alpha": 0.129
-            }
-          },
-          "stop73": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.745,
-                0.773,
-                0.733
-              ],
-              "hex": "#bec5bb",
-              "alpha": 0.122
-            }
-          },
-          "stop77": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.812,
-                0.839,
-                0.788
-              ],
-              "hex": "#cfd6c9",
-              "alpha": 0.102
-            }
-          },
-          "stop80": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.878,
-                0.906,
-                0.843
-              ],
-              "hex": "#e0e7d7",
-              "alpha": 0.078
-            }
-          },
-          "stop84": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.941,
-                0.973,
-                0.898
-              ],
-              "hex": "#f0f8e5",
-              "alpha": 0.071
-            }
-          },
-          "stop88": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.98,
-                1,
-                0.949
-              ],
-              "hex": "#fafff2",
-              "alpha": 0.051
-            }
-          },
-          "stop94": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                1,
-                1,
-                1
-              ],
-              "hex": "#ffffff",
-              "alpha": 0.031
-            }
-          }
-        },
-        "neutral": {
-          "stop0": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.114,
-                0.122,
-                0.153
-              ],
-              "hex": "#1d1f27",
-              "alpha": 0
-            }
-          },
-          "stop100": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0.114,
-                0.122,
-                0.153
-              ],
-              "hex": "#1d1f27"
-            }
-          }
-        },
-        "video-overlay": {
-          "stop0": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0,
-                0,
-                0
-              ],
-              "hex": "#000000",
-              "alpha": 0
-            }
-          },
-          "stop100": {
-            "$value": {
-              "colorSpace": "srgb",
-              "components": [
-                0,
-                0,
-                0
+                1,
+                1,
+                1
               ],
-              "hex": "#000000",
-              "alpha": 0.4
+              "hex": "#ffffff",
+              "alpha": 0.72
             }
           }
         }
       },
-      "icon": {
-        "critical": {
-          "$value": "{hpe-web.base.color.red.800}"
+      "dimension": {
+        "0": {
+          "$type": "dimension",
+          "$value": {
+            "value": 0,
+            "unit": "px"
+          }
         },
-        "default": {
-          "$value": "{hpe-web.color.text.body}"
+        "25": {
+          "$type": "dimension",
+          "$value": {
+            "value": 1,
+            "unit": "px"
+          }
+        },
+        "50": {
+          "$type": "dimension",
+          "$value": {
+            "value": 2,
+            "unit": "px"
+          }
         },
-        "disabled": {
-          "$value": "{hpe-web.color.text.disabled}"
+        "75": {
+          "$type": "dimension",
+          "$value": {
+            "value": 3,
+            "unit": "px"
+          }
         },
-        "focus": {
+        "100": {
+          "$type": "dimension",
           "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.165,
-              0.824,
-              0.788
-            ],
-            "hex": "#2ad2c9"
+            "value": 4,
+            "unit": "px"
           }
         },
-        "neutral": {
-          "$value": "{hpe-web.base.color.grey.1000}"
+        "150": {
+          "$type": "dimension",
+          "$value": {
+            "value": 6,
+            "unit": "px"
+          }
         },
-        "ok": {
-          "$value": "{hpe-web.base.color.green.650}"
+        "200": {
+          "$type": "dimension",
+          "$value": {
+            "value": 8,
+            "unit": "px"
+          }
         },
-        "primary": {
-          "$value": "{hpe-web.color.decorative.brand}"
+        "225": {
+          "$type": "dimension",
+          "$value": {
+            "value": 9,
+            "unit": "px"
+          }
+        },
+        "250": {
+          "$type": "dimension",
+          "$value": {
+            "value": 10,
+            "unit": "px"
+          }
+        },
+        "300": {
+          "$type": "dimension",
+          "$value": {
+            "value": 12,
+            "unit": "px"
+          }
+        },
+        "350": {
+          "$type": "dimension",
+          "$value": {
+            "value": 14,
+            "unit": "px"
+          }
+        },
+        "400": {
+          "$type": "dimension",
+          "$value": {
+            "value": 16,
+            "unit": "px"
+          }
+        },
+        "450": {
+          "$type": "dimension",
+          "$value": {
+            "value": 18,
+            "unit": "px"
+          }
+        },
+        "475": {
+          "$type": "dimension",
+          "$value": {
+            "value": 19,
+            "unit": "px"
+          }
+        },
+        "500": {
+          "$type": "dimension",
+          "$value": {
+            "value": 20,
+            "unit": "px"
+          }
+        },
+        "550": {
+          "$type": "dimension",
+          "$value": {
+            "value": 22,
+            "unit": "px"
+          }
+        },
+        "600": {
+          "$type": "dimension",
+          "$value": {
+            "value": 24,
+            "unit": "px"
+          }
+        },
+        "700": {
+          "$type": "dimension",
+          "$value": {
+            "value": 28,
+            "unit": "px"
+          }
+        },
+        "800": {
+          "$type": "dimension",
+          "$value": {
+            "value": 32,
+            "unit": "px"
+          }
+        },
+        "900": {
+          "$type": "dimension",
+          "$value": {
+            "value": 36,
+            "unit": "px"
+          }
+        },
+        "1200": {
+          "$type": "dimension",
+          "$value": {
+            "value": 48,
+            "unit": "px"
+          }
         },
-        "primary-strong": {
+        "1600": {
+          "$type": "dimension",
           "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0,
-              0.373,
-              0.286
-            ],
-            "hex": "#005f49"
+            "value": 64,
+            "unit": "px"
           }
         },
-        "strong": {
-          "$value": "{hpe-web.color.text.header}"
+        "1800": {
+          "$type": "dimension",
+          "$value": {
+            "value": 72,
+            "unit": "px"
+          }
+        },
+        "2400": {
+          "$type": "dimension",
+          "$value": {
+            "value": 96,
+            "unit": "px"
+          }
+        },
+        "3200": {
+          "$type": "dimension",
+          "$value": {
+            "value": 128,
+            "unit": "px"
+          }
+        },
+        "4800": {
+          "$type": "dimension",
+          "$value": {
+            "value": 192,
+            "unit": "px"
+          }
+        },
+        "6400": {
+          "$type": "dimension",
+          "$value": {
+            "value": 256,
+            "unit": "px"
+          }
+        },
+        "9600": {
+          "$type": "dimension",
+          "$value": {
+            "value": 384,
+            "unit": "px"
+          }
+        },
+        "12800": {
+          "$type": "dimension",
+          "$value": {
+            "value": 512,
+            "unit": "px"
+          }
         },
-        "warning": {
-          "$value": "{hpe-web.base.color.orange.600}"
+        "19200": {
+          "$type": "dimension",
+          "$value": {
+            "value": 768,
+            "unit": "px"
+          }
+        },
+        "25600": {
+          "$type": "dimension",
+          "$value": {
+            "value": 1024,
+            "unit": "px"
+          }
         },
-        "weak": {
-          "$value": "{hpe-web.color.text.weak}"
+        "38400": {
+          "$type": "dimension",
+          "$value": {
+            "value": 1536,
+            "unit": "px"
+          }
         }
       },
-      "logo": {
-        "$value": "{hpe-web.base.color.green.600}"
+      "fontFamily": {
+        "condensed": {
+          "$type": "fontFamily",
+          "$value": [
+            "HPE Graphik XXCondensed",
+            "Arial Narrow",
+            "Arial",
+            "sans-serif"
+          ]
+        },
+        "noto-sans-jp": {
+          "$type": "fontFamily",
+          "$value": [
+            "Noto Sans JP"
+          ]
+        },
+        "noto-sans-kr": {
+          "$type": "fontFamily",
+          "$value": [
+            "Noto Sans KR"
+          ]
+        },
+        "noto-sans-tc": {
+          "$type": "fontFamily",
+          "$value": [
+            "Noto Sans TC"
+          ]
+        },
+        "primary": {
+          "$type": "fontFamily",
+          "$value": [
+            "HPE Graphik",
+            "Arial",
+            "sans-serif"
+          ]
+        }
       },
-      "text": {
-        "body": {
+      "fontSize": {
+        "80": {
+          "$type": "dimension",
           "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.404,
-              0.408,
-              0.431
-            ],
-            "hex": "#67686e"
+            "value": 12,
+            "unit": "px"
           }
         },
-        "critical": {
-          "$value": "{hpe-web.base.color.red.800}"
-        },
-        "disabled": {
+        "90": {
+          "$type": "dimension",
           "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.627,
-              0.635,
-              0.671
-            ],
-            "hex": "#a0a2ab"
+            "value": 14,
+            "unit": "px"
           }
         },
-        "focus": {
+        "100": {
+          "$type": "dimension",
           "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.165,
-              0.824,
-              0.788
-            ],
-            "hex": "#2ad2c9"
+            "value": 16,
+            "unit": "px"
           }
         },
-        "header": {
-          "$value": "{hpe-web.base.color.grey.1000}"
+        "200": {
+          "$type": "dimension",
+          "$value": {
+            "value": 18,
+            "unit": "px"
+          }
         },
-        "neutral-strong": {
+        "300": {
+          "$type": "dimension",
           "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.129,
-              0.141,
-              0.18
-            ],
-            "hex": "#21242e"
+            "value": 20,
+            "unit": "px"
           }
         },
-        "ok": {
-          "$value": "{hpe-web.base.color.green.650}"
+        "400": {
+          "$type": "dimension",
+          "$value": {
+            "value": 22,
+            "unit": "px"
+          }
         },
-        "on-neutral": {
-          "$value": "{hpe-web.base.color.white.100}"
+        "500": {
+          "$type": "dimension",
+          "$value": {
+            "value": 24,
+            "unit": "px"
+          }
         },
-        "primary": {
-          "$value": "{hpe-web.base.color.green.700}"
+        "600": {
+          "$type": "dimension",
+          "$value": {
+            "value": 36,
+            "unit": "px"
+          }
         },
-        "primary-strong": {
+        "700": {
+          "$type": "dimension",
           "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0,
-              0.373,
-              0.286
-            ],
-            "hex": "#005f49"
+            "value": 42,
+            "unit": "px"
           }
         },
-        "warning": {
-          "$value": "{hpe-web.base.color.orange.600}"
+        "800": {
+          "$type": "dimension",
+          "$value": {
+            "value": 48,
+            "unit": "px"
+          }
         },
-        "weak": {
+        "900": {
+          "$type": "dimension",
           "$value": {
-            "colorSpace": "srgb",
-            "components": [
-              0.404,
-              0.404,
-              0.404
-            ],
-            "hex": "#676767"
+            "value": 72,
+            "unit": "px"
           }
         }
       },
-      "transparent": {
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0,
-            0,
-            0
-          ],
-          "hex": "#000000",
-          "alpha": 0
+      "lineHeight": {
+        "80": {
+          "$type": "number",
+          "$value": 12
+        },
+        "90": {
+          "$type": "number",
+          "$value": 16
+        },
+        "100": {
+          "$type": "number",
+          "$value": 20
+        },
+        "200": {
+          "$type": "number",
+          "$value": 24
+        },
+        "300": {
+          "$type": "number",
+          "$value": 28
+        },
+        "400": {
+          "$type": "number",
+          "$value": 30
+        },
+        "500": {
+          "$type": "number",
+          "$value": 36
+        },
+        "600": {
+          "$type": "number",
+          "$value": 40
+        },
+        "700": {
+          "$type": "number",
+          "$value": 46
+        },
+        "800": {
+          "$type": "number",
+          "$value": 48
+        },
+        "900": {
+          "$type": "number",
+          "$value": 72
         }
       }
     },
@@ -2037,6 +1527,7 @@
         "color": {
           "blue": {
             "400": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2045,9 +1536,11 @@
                   1
                 ],
                 "hex": "#00c8ff"
-              }
+              },
+              "$deprecated": true
             },
             "700": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2056,9 +1549,11 @@
                   0.616
                 ],
                 "hex": "#00739d"
-              }
+              },
+              "$deprecated": true
             },
             "900": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2067,9 +1562,11 @@
                   0.478
                 ],
                 "hex": "#00567a"
-              }
+              },
+              "$deprecated": true
             },
-            "400-opacity12": {
+            "400-Opacity12": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2078,15 +1575,19 @@
                   1
                 ],
                 "hex": "#00c8ff",
-                "alpha": 0.122
-              }
+                "alpha": 0.12
+              },
+              "$deprecated": true
             }
           },
           "brand": {
-            "$value": "{hpe-web.deprecated.base.color.green.600}"
+            "$type": "color",
+            "$value": "{hpe-web.deprecated.base.color.green.600}",
+            "$deprecated": true
           },
-          "data-vis": {
+          "dataVis": {
             "blue1": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2095,9 +1596,11 @@
                   0.851
                 ],
                 "hex": "#2053d9"
-              }
+              },
+              "$deprecated": true
             },
             "blue2": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2106,9 +1609,11 @@
                   0.894
                 ],
                 "hex": "#1f95e4"
-              }
+              },
+              "$deprecated": true
             },
             "darkblue1": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2117,9 +1622,11 @@
                   0.302
                 ],
                 "hex": "#00384d"
-              }
+              },
+              "$deprecated": true
             },
             "darkblue2": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2128,9 +1635,11 @@
                   0.612
                 ],
                 "hex": "#38819c"
-              }
+              },
+              "$deprecated": true
             },
             "gold1": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2139,9 +1648,11 @@
                   0.051
                 ],
                 "hex": "#b0840d"
-              }
+              },
+              "$deprecated": true
             },
             "gold2": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2150,9 +1661,11 @@
                   0.282
                 ],
                 "hex": "#bd9d48"
-              }
+              },
+              "$deprecated": true
             },
             "grape1": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2161,9 +1674,11 @@
                   0.412
                 ],
                 "hex": "#470d69"
-              }
+              },
+              "$deprecated": true
             },
             "green1": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2172,9 +1687,11 @@
                   0.51
                 ],
                 "hex": "#01a982"
-              }
+              },
+              "$deprecated": true
             },
             "lightblue1": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2183,9 +1700,11 @@
                   0.898
                 ],
                 "hex": "#5c91e5"
-              }
+              },
+              "$deprecated": true
             },
             "lightblue2": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2194,9 +1713,11 @@
                   0.941
                 ],
                 "hex": "#78bff0"
-              }
+              },
+              "$deprecated": true
             },
             "pink1": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2205,9 +1726,11 @@
                   0.537
                 ],
                 "hex": "#a95589"
-              }
+              },
+              "$deprecated": true
             },
             "pink2": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2216,9 +1739,11 @@
                   0.604
                 ],
                 "hex": "#c0649a"
-              }
+              },
+              "$deprecated": true
             },
             "purple1": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2227,9 +1752,11 @@
                   0.925
                 ],
                 "hex": "#7022ec"
-              }
+              },
+              "$deprecated": true
             },
             "purple2": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2238,9 +1765,11 @@
                   0.631
                 ],
                 "hex": "#3c3aa1"
-              }
+              },
+              "$deprecated": true
             },
             "purple3": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2249,11 +1778,13 @@
                   0.667
                 ],
                 "hex": "#855aaa"
-              }
+              },
+              "$deprecated": true
             }
           },
           "green": {
             "100": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2262,9 +1793,11 @@
                   0.933
                 ],
                 "hex": "#d1ffee"
-              }
+              },
+              "$deprecated": true
             },
             "125": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2273,9 +1806,11 @@
                   0.871
                 ],
                 "hex": "#aafade"
-              }
+              },
+              "$deprecated": true
             },
             "400": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2284,9 +1819,11 @@
                   0.627
                 ],
                 "hex": "#17eba0"
-              }
+              },
+              "$deprecated": true
             },
             "450": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2295,9 +1832,11 @@
                   0.71
                 ],
                 "hex": "#00ebb5"
-              }
+              },
+              "$deprecated": true
             },
             "500": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2306,9 +1845,11 @@
                   0.682
                 ],
                 "hex": "#1ed8ae"
-              }
+              },
+              "$deprecated": true
             },
             "600": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2317,9 +1858,12 @@
                   0.51
                 ],
                 "hex": "#01a982"
-              }
+              },
+              "$description": "HPE Brand",
+              "$deprecated": true
             },
             "650": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2328,9 +1872,11 @@
                   0.443
                 ],
                 "hex": "#009a71"
-              }
+              },
+              "$deprecated": true
             },
             "700": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2339,9 +1885,11 @@
                   0.404
                 ],
                 "hex": "#008567"
-              }
+              },
+              "$deprecated": true
             },
             "800": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2350,9 +1898,11 @@
                   0.314
                 ],
                 "hex": "#006750"
-              }
+              },
+              "$deprecated": true
             },
             "900": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2361,9 +1911,11 @@
                   0.231
                 ],
                 "hex": "#074b3b"
-              }
+              },
+              "$deprecated": true
             },
             "1000": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2372,9 +1924,11 @@
                   0.184
                 ],
                 "hex": "#093a2f"
-              }
+              },
+              "$deprecated": true
             },
-            "400-opacity12": {
+            "400-Opacity12": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2383,10 +1937,12 @@
                   0.627
                 ],
                 "hex": "#17eba0",
-                "alpha": 0.122
-              }
+                "alpha": 0.12
+              },
+              "$deprecated": true
             },
-            "400-opacity24": {
+            "400-Opacity24": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2395,10 +1951,12 @@
                   0.627
                 ],
                 "hex": "#17eba0",
-                "alpha": 0.239
-              }
+                "alpha": 0.24
+              },
+              "$deprecated": true
             },
-            "500-opacity30": {
+            "500-Opacity30": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2407,12 +1965,14 @@
                   0.651
                 ],
                 "hex": "#17d0a6",
-                "alpha": 0.302
-              }
+                "alpha": 0.3
+              },
+              "$deprecated": true
             }
           },
           "grey": {
             "50": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2421,9 +1981,11 @@
                   0.969
                 ],
                 "hex": "#f7f7f7"
-              }
+              },
+              "$deprecated": true
             },
             "400": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2432,9 +1994,11 @@
                   0.8
                 ],
                 "hex": "#cccccc"
-              }
+              },
+              "$deprecated": true
             },
             "500": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2443,9 +2007,11 @@
                   0.733
                 ],
                 "hex": "#bbbbbb"
-              }
+              },
+              "$deprecated": true
             },
             "600": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2454,9 +2020,11 @@
                   0.549
                 ],
                 "hex": "#8c8c8c"
-              }
+              },
+              "$deprecated": true
             },
             "700": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2465,9 +2033,11 @@
                   0.459
                 ],
                 "hex": "#757575"
-              }
+              },
+              "$deprecated": true
             },
             "800": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2476,9 +2046,11 @@
                   0.333
                 ],
                 "hex": "#555555"
-              }
+              },
+              "$deprecated": true
             },
             "1000": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2487,9 +2059,11 @@
                   0.18
                 ],
                 "hex": "#2e2e2e"
-              }
+              },
+              "$deprecated": true
             },
             "1100": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2498,9 +2072,11 @@
                   0.161
                 ],
                 "hex": "#292929"
-              }
+              },
+              "$deprecated": true
             },
             "1200": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2509,9 +2085,11 @@
                   0.133
                 ],
                 "hex": "#222222"
-              }
+              },
+              "$deprecated": true
             },
             "1300": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2520,11 +2098,13 @@
                   0.11
                 ],
                 "hex": "#1c1c1c"
-              }
+              },
+              "$deprecated": true
             }
           },
           "orange": {
             "400": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2533,9 +2113,11 @@
                   0.267
                 ],
                 "hex": "#ffbc44"
-              }
+              },
+              "$deprecated": true
             },
             "500": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2544,9 +2126,11 @@
                   0.145
                 ],
                 "hex": "#ec8c25"
-              }
+              },
+              "$deprecated": true
             },
             "600": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2555,9 +2139,11 @@
                   0
                 ],
                 "hex": "#d36d00"
-              }
+              },
+              "$deprecated": true
             },
             "700": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2566,9 +2152,11 @@
                   0.063
                 ],
                 "hex": "#9b6310"
-              }
+              },
+              "$deprecated": true
             },
-            "400-opacity12": {
+            "400-Opacity12": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2577,10 +2165,12 @@
                   0.267
                 ],
                 "hex": "#ffbc44",
-                "alpha": 0.122
-              }
+                "alpha": 0.12
+              },
+              "$deprecated": true
             },
-            "400-opacity24": {
+            "400-Opacity24": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2589,12 +2179,14 @@
                   0.267
                 ],
                 "hex": "#ffbc44",
-                "alpha": 0.239
-              }
+                "alpha": 0.24
+              },
+              "$deprecated": true
             }
           },
           "purple": {
             "500": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2603,9 +2195,11 @@
                   1
                 ],
                 "hex": "#f740ff"
-              }
+              },
+              "$deprecated": true
             },
             "900": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2614,11 +2208,13 @@
                   0.737
                 ],
                 "hex": "#6633bc"
-              }
+              },
+              "$deprecated": true
             }
           },
           "red": {
             "500": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2627,9 +2223,11 @@
                   0.38
                 ],
                 "hex": "#fc6161"
-              }
+              },
+              "$deprecated": true
             },
             "550": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2638,9 +2236,11 @@
                   0.353
                 ],
                 "hex": "#fc5a5a"
-              }
+              },
+              "$deprecated": true
             },
             "600": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2649,9 +2249,11 @@
                   0.192
                 ],
                 "hex": "#ec3331"
-              }
+              },
+              "$deprecated": true
             },
             "750": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2660,9 +2262,11 @@
                   0.294
                 ],
                 "hex": "#c54e4b"
-              }
+              },
+              "$deprecated": true
             },
             "800": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2671,9 +2275,11 @@
                   0.102
                 ],
                 "hex": "#cc1f1a"
-              }
+              },
+              "$deprecated": true
             },
             "850": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2682,9 +2288,11 @@
                   0.239
                 ],
                 "hex": "#a2423d"
-              }
+              },
+              "$deprecated": true
             },
-            "500-opacity12": {
+            "500-Opacity12": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2693,10 +2301,12 @@
                   0.38
                 ],
                 "hex": "#fc6161",
-                "alpha": 0.122
-              }
+                "alpha": 0.12
+              },
+              "$deprecated": true
             },
-            "500-opacity24": {
+            "500-Opacity24": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2705,10 +2315,12 @@
                   0.38
                 ],
                 "hex": "#fc6161",
-                "alpha": 0.239
-              }
+                "alpha": 0.24
+              },
+              "$deprecated": true
             },
-            "800-opacity30": {
+            "800-Opacity30": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2717,12 +2329,14 @@
                   0.102
                 ],
                 "hex": "#cc1f1a",
-                "alpha": 0.302
-              }
+                "alpha": 0.3
+              },
+              "$deprecated": true
             }
           },
           "teal": {
             "200": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2731,9 +2345,11 @@
                   0.949
                 ],
                 "hex": "#82fff2"
-              }
+              },
+              "$deprecated": true
             },
             "400": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2742,9 +2358,11 @@
                   0.812
                 ],
                 "hex": "#00e8cf"
-              }
+              },
+              "$deprecated": true
             },
             "700": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2753,11 +2371,13 @@
                   0.51
                 ],
                 "hex": "#117b82"
-              }
+              },
+              "$deprecated": true
             }
           },
           "yellow": {
             "200": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2766,9 +2386,11 @@
                   0.349
                 ],
                 "hex": "#ffeb59"
-              }
+              },
+              "$deprecated": true
             },
             "400": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2777,9 +2399,11 @@
                   0.004
                 ],
                 "hex": "#fec901"
-              }
+              },
+              "$deprecated": true
             },
             "700": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2788,9 +2412,11 @@
                   0.11
                 ],
                 "hex": "#8d741c"
-              }
+              },
+              "$deprecated": true
             },
-            "400-opacity12": {
+            "400-Opacity12": {
+              "$type": "color",
               "$value": {
                 "colorSpace": "srgb",
                 "components": [
@@ -2799,118 +2425,194 @@
                   0.004
                 ],
                 "hex": "#fec901",
-                "alpha": 0.122
-              }
+                "alpha": 0.12
+              },
+              "$deprecated": true
             }
           }
         }
       }
     },
-    "theme": {
-      "button": {
-        "carousel": {
-          "disabled": {
-            "background": {
-              "$value": {
-                "colorSpace": "srgb",
-                "components": [
-                  0.706,
-                  0.714,
-                  0.729
-                ],
-                "hex": "#b4b6ba"
-              }
-            },
-            "border-color": {
-              "$value": {
-                "colorSpace": "srgb",
-                "components": [
-                  0,
-                  0,
-                  0
-                ],
-                "hex": "#000000",
-                "alpha": 0
-              }
-            },
-            "icon-color": {
-              "$value": {
-                "colorSpace": "srgb",
-                "components": [
-                  1,
-                  1,
-                  1
-                ],
-                "hex": "#ffffff"
-              }
-            }
-          },
-          "hover": {
-            "background": {
-              "$value": {
-                "colorSpace": "srgb",
-                "components": [
-                  0.404,
-                  0.408,
-                  0.431
-                ],
-                "hex": "#67686e"
-              }
-            },
-            "border-color": {
-              "$value": "{hpe-web.color.transparent}"
-            },
-            "icon-color": {
-              "$value": {
-                "colorSpace": "srgb",
-                "components": [
-                  1,
-                  1,
-                  1
-                ],
-                "hex": "#ffffff"
-              }
-            }
-          },
-          "rest": {
-            "background": {
-              "$value": {
-                "colorSpace": "srgb",
-                "components": [
-                  0.325,
-                  0.361,
-                  0.4
-                ],
-                "hex": "#535c66"
-              }
-            },
-            "border-color": {
-              "$value": {
-                "colorSpace": "srgb",
-                "components": [
-                  0,
-                  0,
-                  0
-                ],
-                "hex": "#000000",
-                "alpha": 0
-              }
-            },
-            "icon-color": {
-              "$value": {
-                "colorSpace": "srgb",
-                "components": [
-                  1,
-                  1,
-                  1
-                ],
-                "hex": "#ffffff"
-              }
-            }
+    "static": {
+      "borderWidth": {
+        "default": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.25}"
+        },
+        "large": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.150}"
+        },
+        "medium": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.100}"
+        },
+        "none": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.0}"
+        },
+        "small": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.50}"
+        },
+        "xsmall": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.25}"
+        }
+      },
+      "container": {
+        "3xlarge": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.38400}"
+        },
+        "3xsmall": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.2400}"
+        },
+        "4xsmall": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.1600}"
+        },
+        "5xsmall": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.1200}"
+        },
+        "large": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.12800}"
+        },
+        "medium": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.9600}"
+        },
+        "small": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.6400}"
+        },
+        "xlarge": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.19200}"
+        },
+        "xsmall": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.4800}"
+        },
+        "xxlarge": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.25600}"
+        },
+        "xxsmall": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.3200}"
+        }
+      },
+      "radius": {
+        "full": {
+          "$type": "dimension",
+          "$value": {
+            "value": 9999,
+            "unit": "px"
           }
+        },
+        "hair": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.25}"
+        },
+        "large": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.400}"
+        },
+        "medium": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.300}"
+        },
+        "none": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.0}"
+        },
+        "small": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.200}"
+        },
+        "xlarge": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.600}"
+        },
+        "xsmall": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.150}"
+        },
+        "xxlarge": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.800}"
+        },
+        "xxsmall": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.100}"
+        }
+      },
+      "spacing": {
+        "3xlarge": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.2400}"
+        },
+        "3xsmall": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.150}"
+        },
+        "4xlarge": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.3200}"
+        },
+        "4xsmall": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.100}"
+        },
+        "5xsmall": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.75}"
+        },
+        "6xsmall": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.50}"
+        },
+        "hair": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.25}"
+        },
+        "large": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.800}"
+        },
+        "medium": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.600}"
+        },
+        "none": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.0}"
+        },
+        "small": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.400}"
+        },
+        "xlarge": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.1200}"
+        },
+        "xsmall": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.300}"
+        },
+        "xxlarge": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.1600}"
+        },
+        "xxsmall": {
+          "$type": "dimension",
+          "$value": "{hpe-web.base.dimension.200}"
         }
       }
     }
-  },
-  "$type": "color"
-}
+  }
+}