@hashicorp/design-system-tokens 1.9.0 → 1.11.0

package/CHANGELOG.md

@@ -1,68 +1,112 @@
 # @hashicorp/design-system-tokens
 
+## 1.11.0
+
+### Minor Changes
+
+Updated `vault`, `vault-secrets`, and `vault-radar` brand color values
+
+<small class="doc-whats-new-changelog-metadata">[#1914](https://github.com/hashicorp/design-system/pull/1914)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+Added design token for `terraform-brand-on-dark` color
+
+<small class="doc-whats-new-changelog-metadata">[#1915](https://github.com/hashicorp/design-system/pull/1915)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
+## 1.10.0
+
+### Minor Changes
+
+Added color tokens for “Vault Radar” product
+
+<small class="doc-whats-new-changelog-metadata">[#1904](https://github.com/hashicorp/design-system/pull/1904)</small>
+
+<div class="doc-whats-new-changelog-separator"></div>
+
 ## 1.9.0
 
 ### Minor Changes
 
-- [#1630](https://github.com/hashicorp/design-system/pull/1630) [`04da95443`](https://github.com/hashicorp/design-system/commit/04da95443290ee2d03d9bef23787a4ef10577247) Thanks [@alex-ju](https://github.com/alex-ju)! - `SideNav` - add `@isCollapsible` (to control if users can collapse the sidenav on 'desktop' viewports) and `@isMinimized` (to control the default state on 'desktop' viewports) arguments
+Added design tokens for `SideNav` with `@isCollapsible` (to control if users can collapse the sidenav on 'desktop' viewports) and `@isMinimized` (to control the default state on 'desktop' viewports) arguments
+
+<small class="doc-whats-new-changelog-metadata">[#1630](https://github.com/hashicorp/design-system/pull/1630)</small>
 
 ## 1.8.0
 
 ### Minor Changes
 
-- [#1640](https://github.com/hashicorp/design-system/pull/1640) [`8001667d2`](https://github.com/hashicorp/design-system/commit/8001667d2b0b549b5c2743ebaa4b50b58344a87f) Thanks [@didoo](https://github.com/didoo)! - `Design tokens` - Added color tokens for “Vault Secrets” product
+Added color tokens for “Vault Secrets” product
 
-  `IconTile` - updated component to include `vault-secrets` product option
+<small class="doc-whats-new-changelog-metadata">[#1640](https://github.com/hashicorp/design-system/pull/1640)</small>
 
 ## 1.7.0
 
 ### Minor Changes
 
-- [#1513](https://github.com/hashicorp/design-system/pull/1513) [`fd5953633`](https://github.com/hashicorp/design-system/commit/fd595363396c2e6672025ab8f9c3df7d2a3fce53) Thanks [@dstaley](https://github.com/dstaley)! - Add JSON output format for `marketing` target (and in the process refactored internal logic for tokens generation)
+Added JSON output format for `marketing` target (and in the process refactored internal logic for tokens generation)
+
+<small class="doc-whats-new-changelog-metadata">[#1513](https://github.com/hashicorp/design-system/pull/1513) - Thanks [@dstaley](https://github.com/dstaley) for the contribution! 🙏 </small>
 
 ## 1.6.0
 
 ### Minor Changes
 
-- [#1452](https://github.com/hashicorp/design-system/pull/1452) [`b2ec25b39`](https://github.com/hashicorp/design-system/commit/b2ec25b399ba9aad5f8ae0b1f18a1bef9a6543e0) Thanks [@alex-ju](https://github.com/alex-ju)! - Add design token for loading state icon on search input
+Added design token for loading state icon on search input
+
+<small class="doc-whats-new-changelog-metadata">[#1452](https://github.com/hashicorp/design-system/pull/1452)</small>
 
 ## 1.5.0
 
 ### Minor Changes
 
-- [#1283](https://github.com/hashicorp/design-system/pull/1283) [`d0ae66503`](https://github.com/hashicorp/design-system/commit/d0ae665033e6b83a65c2dcde8630985f76872901) Thanks [@KristinLBradley](https://github.com/KristinLBradley)! - - Add new `TooltipButton` component and `hds-tooltip` modifier
-  - Add design tokens for `Tooltip`
+- Added new `TooltipButton` component and `hds-tooltip` modifier
+- Added design tokens for `Tooltip`
+
+<small class="doc-whats-new-changelog-metadata">[#1283](https://github.com/hashicorp/design-system/pull/1283)</small>
 
 ## 1.4.2
 
 ### Patch Changes
 
-- [#1313](https://github.com/hashicorp/design-system/pull/1313) [`5a2f5778d`](https://github.com/hashicorp/design-system/commit/5a2f5778d5e1d57a7d0d080f01319492e1a5a8b7) Thanks [@didoo](https://github.com/didoo)! - Added design tokens for `SideNav` component
+Added design tokens for `SideNav` component
+
+<small class="doc-whats-new-changelog-metadata">[#1313](https://github.com/hashicorp/design-system/pull/1313)</small>
 
 ## 1.4.1
 
 ### Patch Changes
 
-- [#1204](https://github.com/hashicorp/design-system/pull/1204) [`fcbaff90b`](https://github.com/hashicorp/design-system/commit/fcbaff90b514962c50363c8a985d88b520048636) Thanks [@KristinLBradley](https://github.com/KristinLBradley)! - \* Scope group layout styles to nested child components.
-  - Fix bug with --token-pagination-child-spacing-vertical value so that it adds "px" unit.
+- Scoped group layout styles to nested child components.
+- Fixed bug with `--token-pagination-child-spacing-vertical` value so that it adds "px" unit.
+
+<small class="doc-whats-new-changelog-metadata">[#1204](https://github.com/hashicorp/design-system/pull/1204)</small>
 
 ## 1.4.0
 
 ### Minor Changes
 
-- [#661](https://github.com/hashicorp/design-system/pull/661) [`2c6024a38`](https://github.com/hashicorp/design-system/commit/2c6024a38f5f457231f7301d219478a4f746de37) Thanks [@KristinLBradley](https://github.com/KristinLBradley)! - Add design tokens for `Pagination` component
+Added design tokens for `Pagination` component
+
+<small class="doc-whats-new-changelog-metadata">[#661](https://github.com/hashicorp/design-system/pull/661)</small>
 
 ## 1.3.1
 
 ### Patch Changes
 
-- [#1036](https://github.com/hashicorp/design-system/pull/1036) [`b1756288e`](https://github.com/hashicorp/design-system/commit/b1756288e907dd36784fd33921e016d99a1b3417) Thanks [@Dhaulagiri](https://github.com/Dhaulagiri)! - Update design system name to Helios
+Updated design system name to "Helios"
+
+<small class="doc-whats-new-changelog-metadata">[#1036](https://github.com/hashicorp/design-system/pull/1036)</small>
 
 ## 1.3.0
 
 ### Minor Changes
 
-- [#740](https://github.com/hashicorp/design-system/pull/740) [`92c83961f`](https://github.com/hashicorp/design-system/commit/92c83961f0e8b01e52e3c596c85871ec5cf8c94d) Thanks [@alex-ju](https://github.com/alex-ju)! - Add design tokens for indeterminate `Checkbox`
+Added design tokens for indeterminate `Checkbox`
+
+<small class="doc-whats-new-changelog-metadata">[#740](https://github.com/hashicorp/design-system/pull/740)</small>
 
 ## 1.2.0
 

package/dist/devdot/css/helpers/color.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 26 Apr 2023 20:11:40 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 .hds-border-primary { border: 1px solid var(--token-color-border-primary); }

package/dist/devdot/css/helpers/elevation.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 26 Apr 2023 20:11:40 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 .hds-elevation-inset { box-shadow: var(--token-elevation-inset-box-shadow); }

package/dist/devdot/css/helpers/focus-ring.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 26 Apr 2023 20:11:40 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 .hds-focus-ring-action-box-shadow { box-shadow: var(--token-focus-ring-action-box-shadow); }

package/dist/devdot/css/helpers/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 26 Apr 2023 20:11:40 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); }

package/dist/devdot/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 29 Sep 2023 09:55:35 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 :root {
@@ -129,6 +129,7 @@
   --token-color-packer-gradient-faint-start: #f3fcff; /* this is the 'packer-50' value at 25% opacity on white */
   --token-color-packer-gradient-faint-stop: #d4f2ff;
   --token-color-terraform-brand: #7b42bc;
+  --token-color-terraform-brand-on-dark: #a067da; /* this is an alternative brand color meant to be used on dark backgrounds */
   --token-color-terraform-foreground: #773cb4;
   --token-color-terraform-surface: #f4ecff;
   --token-color-terraform-border: #ebdbfc;
@@ -144,7 +145,16 @@
   --token-color-vagrant-gradient-primary-stop: #7dadff;
   --token-color-vagrant-gradient-faint-start: #f4faff; /* this is the 'vagrant-50' value at 25% opacity on white */
   --token-color-vagrant-gradient-faint-stop: #d6ebff;
-  --token-color-vault-secrets-brand: #ffd814;
+  --token-color-vault-radar-brand: #ffcf25;
+  --token-color-vault-radar-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work */
+  --token-color-vault-radar-foreground: #9a6f00;
+  --token-color-vault-radar-surface: #fff9cf;
+  --token-color-vault-radar-border: #feec7b;
+  --token-color-vault-radar-gradient-primary-start: #feec7b;
+  --token-color-vault-radar-gradient-primary-stop: #ffe543;
+  --token-color-vault-radar-gradient-faint-start: #fffdf2; /* this is the 'vault-radar-50' value at 25% opacity on white */
+  --token-color-vault-radar-gradient-faint-stop: #fff9cf;
+  --token-color-vault-secrets-brand: #ffcf25;
   --token-color-vault-secrets-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */
   --token-color-vault-secrets-foreground: #9a6f00;
   --token-color-vault-secrets-surface: #fff9cf;
@@ -153,7 +163,7 @@
   --token-color-vault-secrets-gradient-primary-stop: #ffe543;
   --token-color-vault-secrets-gradient-faint-start: #fffdf2; /* this is the 'vault-secrets-50' value at 25% opacity on white */
   --token-color-vault-secrets-gradient-faint-stop: #fff9cf;
-  --token-color-vault-brand: #ffd814;
+  --token-color-vault-brand: #ffcf25;
   --token-color-vault-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */
   --token-color-vault-foreground: #9a6f00;
   --token-color-vault-surface: #fff9cf;

package/dist/docs/products/tokens.json

@@ -2672,6 +2672,29 @@
       "brand"
     ]
   },
+  {
+    "value": "#a067da",
+    "type": "color",
+    "group": "branding",
+    "comment": "this is an alternative brand color meant to be used on dark backgrounds",
+    "original": {
+      "value": "#a067da",
+      "type": "color",
+      "group": "branding",
+      "comment": "this is an alternative brand color meant to be used on dark backgrounds"
+    },
+    "name": "token-color-terraform-brand-on-dark",
+    "attributes": {
+      "category": "color",
+      "type": "terraform",
+      "item": "brand-on-dark"
+    },
+    "path": [
+      "color",
+      "terraform",
+      "brand-on-dark"
+    ]
+  },
   {
     "value": "#773cb4",
     "type": "color",
@@ -3024,7 +3047,216 @@
     ]
   },
   {
-    "value": "#ffd814",
+    "value": "#ffcf25",
+    "type": "color",
+    "group": "branding",
+    "original": {
+      "value": "{color.palette.vault-radar-brand.value}",
+      "type": "color",
+      "group": "branding"
+    },
+    "name": "token-color-vault-radar-brand",
+    "attributes": {
+      "category": "color",
+      "type": "vault-radar",
+      "item": "brand"
+    },
+    "path": [
+      "color",
+      "vault-radar",
+      "brand"
+    ]
+  },
+  {
+    "value": "#000000",
+    "type": "color",
+    "group": "branding",
+    "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work",
+    "original": {
+      "value": "#000",
+      "type": "color",
+      "group": "branding",
+      "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work"
+    },
+    "name": "token-color-vault-radar-brand-alt",
+    "attributes": {
+      "category": "color",
+      "type": "vault-radar",
+      "item": "brand-alt"
+    },
+    "path": [
+      "color",
+      "vault-radar",
+      "brand-alt"
+    ]
+  },
+  {
+    "value": "#9a6f00",
+    "type": "color",
+    "group": "branding",
+    "original": {
+      "value": "{color.palette.vault-radar-500.value}",
+      "type": "color",
+      "group": "branding"
+    },
+    "name": "token-color-vault-radar-foreground",
+    "attributes": {
+      "category": "color",
+      "type": "vault-radar",
+      "item": "foreground"
+    },
+    "path": [
+      "color",
+      "vault-radar",
+      "foreground"
+    ]
+  },
+  {
+    "value": "#fff9cf",
+    "type": "color",
+    "group": "branding",
+    "original": {
+      "value": "{color.palette.vault-radar-50.value}",
+      "type": "color",
+      "group": "branding"
+    },
+    "name": "token-color-vault-radar-surface",
+    "attributes": {
+      "category": "color",
+      "type": "vault-radar",
+      "item": "surface"
+    },
+    "path": [
+      "color",
+      "vault-radar",
+      "surface"
+    ]
+  },
+  {
+    "value": "#feec7b",
+    "type": "color",
+    "group": "branding",
+    "original": {
+      "value": "{color.palette.vault-radar-100.value}",
+      "type": "color",
+      "group": "branding"
+    },
+    "name": "token-color-vault-radar-border",
+    "attributes": {
+      "category": "color",
+      "type": "vault-radar",
+      "item": "border"
+    },
+    "path": [
+      "color",
+      "vault-radar",
+      "border"
+    ]
+  },
+  {
+    "value": "#feec7b",
+    "type": "color",
+    "group": "branding",
+    "original": {
+      "value": "{color.palette.vault-radar-100.value}",
+      "type": "color",
+      "group": "branding"
+    },
+    "name": "token-color-vault-radar-gradient-primary-start",
+    "attributes": {
+      "category": "color",
+      "type": "vault-radar",
+      "item": "gradient",
+      "subitem": "primary",
+      "state": "start"
+    },
+    "path": [
+      "color",
+      "vault-radar",
+      "gradient",
+      "primary",
+      "start"
+    ]
+  },
+  {
+    "value": "#ffe543",
+    "type": "color",
+    "group": "branding",
+    "original": {
+      "value": "{color.palette.vault-radar-200.value}",
+      "type": "color",
+      "group": "branding"
+    },
+    "name": "token-color-vault-radar-gradient-primary-stop",
+    "attributes": {
+      "category": "color",
+      "type": "vault-radar",
+      "item": "gradient",
+      "subitem": "primary",
+      "state": "stop"
+    },
+    "path": [
+      "color",
+      "vault-radar",
+      "gradient",
+      "primary",
+      "stop"
+    ]
+  },
+  {
+    "value": "#fffdf2",
+    "type": "color",
+    "group": "branding",
+    "comment": "this is the 'vault-radar-50' value at 25% opacity on white",
+    "original": {
+      "value": "#fffdf2",
+      "type": "color",
+      "group": "branding",
+      "comment": "this is the 'vault-radar-50' value at 25% opacity on white"
+    },
+    "name": "token-color-vault-radar-gradient-faint-start",
+    "attributes": {
+      "category": "color",
+      "type": "vault-radar",
+      "item": "gradient",
+      "subitem": "faint",
+      "state": "start"
+    },
+    "path": [
+      "color",
+      "vault-radar",
+      "gradient",
+      "faint",
+      "start"
+    ]
+  },
+  {
+    "value": "#fff9cf",
+    "type": "color",
+    "group": "branding",
+    "original": {
+      "value": "{color.palette.vault-radar-50.value}",
+      "type": "color",
+      "group": "branding"
+    },
+    "name": "token-color-vault-radar-gradient-faint-stop",
+    "attributes": {
+      "category": "color",
+      "type": "vault-radar",
+      "item": "gradient",
+      "subitem": "faint",
+      "state": "stop"
+    },
+    "path": [
+      "color",
+      "vault-radar",
+      "gradient",
+      "faint",
+      "stop"
+    ]
+  },
+  {
+    "value": "#ffcf25",
     "type": "color",
     "group": "branding",
     "original": {
@@ -3233,7 +3465,7 @@
     ]
   },
   {
-    "value": "#ffd814",
+    "value": "#ffcf25",
     "type": "color",
     "group": "branding",
     "original": {

package/dist/marketing/css/helpers/color.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 16:17:00 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 .hds-border-primary { border: 1px solid var(--token-color-border-primary); }

package/dist/marketing/css/helpers/elevation.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 16:17:00 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 .hds-elevation-inset { box-shadow: var(--token-elevation-inset-box-shadow); }

package/dist/marketing/css/helpers/focus-ring.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 16:17:00 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 .hds-focus-ring-action-box-shadow { box-shadow: var(--token-focus-ring-action-box-shadow); }

package/dist/marketing/css/helpers/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 21 Jul 2023 16:17:00 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); }

package/dist/marketing/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 29 Sep 2023 09:55:35 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 :root {
@@ -127,6 +127,7 @@
   --token-color-packer-gradient-faint-start: #f3fcff; /* this is the 'packer-50' value at 25% opacity on white */
   --token-color-packer-gradient-faint-stop: #d4f2ff;
   --token-color-terraform-brand: #7b42bc;
+  --token-color-terraform-brand-on-dark: #a067da; /* this is an alternative brand color meant to be used on dark backgrounds */
   --token-color-terraform-foreground: #773cb4;
   --token-color-terraform-surface: #f4ecff;
   --token-color-terraform-border: #ebdbfc;
@@ -142,7 +143,16 @@
   --token-color-vagrant-gradient-primary-stop: #7dadff;
   --token-color-vagrant-gradient-faint-start: #f4faff; /* this is the 'vagrant-50' value at 25% opacity on white */
   --token-color-vagrant-gradient-faint-stop: #d6ebff;
-  --token-color-vault-secrets-brand: #ffd814;
+  --token-color-vault-radar-brand: #ffcf25;
+  --token-color-vault-radar-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work */
+  --token-color-vault-radar-foreground: #9a6f00;
+  --token-color-vault-radar-surface: #fff9cf;
+  --token-color-vault-radar-border: #feec7b;
+  --token-color-vault-radar-gradient-primary-start: #feec7b;
+  --token-color-vault-radar-gradient-primary-stop: #ffe543;
+  --token-color-vault-radar-gradient-faint-start: #fffdf2; /* this is the 'vault-radar-50' value at 25% opacity on white */
+  --token-color-vault-radar-gradient-faint-stop: #fff9cf;
+  --token-color-vault-secrets-brand: #ffcf25;
   --token-color-vault-secrets-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */
   --token-color-vault-secrets-foreground: #9a6f00;
   --token-color-vault-secrets-surface: #fff9cf;
@@ -151,7 +161,7 @@
   --token-color-vault-secrets-gradient-primary-stop: #ffe543;
   --token-color-vault-secrets-gradient-faint-start: #fffdf2; /* this is the 'vault-secrets-50' value at 25% opacity on white */
   --token-color-vault-secrets-gradient-faint-stop: #fff9cf;
-  --token-color-vault-brand: #ffd814;
+  --token-color-vault-brand: #ffcf25;
   --token-color-vault-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */
   --token-color-vault-foreground: #9a6f00;
   --token-color-vault-surface: #fff9cf;

package/dist/marketing/tokens.json

@@ -2972,6 +2972,31 @@
           "brand"
         ]
       },
+      "brand-on-dark": {
+        "value": "#a067da",
+        "type": "color",
+        "group": "branding",
+        "comment": "this is an alternative brand color meant to be used on dark backgrounds",
+        "filePath": "src/products/shared/color/semantic-product-terraform.json",
+        "isSource": true,
+        "original": {
+          "value": "#a067da",
+          "type": "color",
+          "group": "branding",
+          "comment": "this is an alternative brand color meant to be used on dark backgrounds"
+        },
+        "name": "token-color-terraform-brand-on-dark",
+        "attributes": {
+          "category": "color",
+          "type": "terraform",
+          "item": "brand-on-dark"
+        },
+        "path": [
+          "color",
+          "terraform",
+          "brand-on-dark"
+        ]
+      },
       "foreground": {
         "value": "#773cb4",
         "type": "color",
@@ -3368,9 +3393,244 @@
         }
       }
     },
+    "vault-radar": {
+      "brand": {
+        "value": "#ffcf25",
+        "type": "color",
+        "group": "branding",
+        "filePath": "src/products/shared/color/semantic-product-vault-radar.json",
+        "isSource": true,
+        "original": {
+          "value": "{color.palette.vault-radar-brand.value}",
+          "type": "color",
+          "group": "branding"
+        },
+        "name": "token-color-vault-radar-brand",
+        "attributes": {
+          "category": "color",
+          "type": "vault-radar",
+          "item": "brand"
+        },
+        "path": [
+          "color",
+          "vault-radar",
+          "brand"
+        ]
+      },
+      "brand-alt": {
+        "value": "#000000",
+        "type": "color",
+        "group": "branding",
+        "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work",
+        "filePath": "src/products/shared/color/semantic-product-vault-radar.json",
+        "isSource": true,
+        "original": {
+          "value": "#000",
+          "type": "color",
+          "group": "branding",
+          "comment": "this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work"
+        },
+        "name": "token-color-vault-radar-brand-alt",
+        "attributes": {
+          "category": "color",
+          "type": "vault-radar",
+          "item": "brand-alt"
+        },
+        "path": [
+          "color",
+          "vault-radar",
+          "brand-alt"
+        ]
+      },
+      "foreground": {
+        "value": "#9a6f00",
+        "type": "color",
+        "group": "branding",
+        "filePath": "src/products/shared/color/semantic-product-vault-radar.json",
+        "isSource": true,
+        "original": {
+          "value": "{color.palette.vault-radar-500.value}",
+          "type": "color",
+          "group": "branding"
+        },
+        "name": "token-color-vault-radar-foreground",
+        "attributes": {
+          "category": "color",
+          "type": "vault-radar",
+          "item": "foreground"
+        },
+        "path": [
+          "color",
+          "vault-radar",
+          "foreground"
+        ]
+      },
+      "surface": {
+        "value": "#fff9cf",
+        "type": "color",
+        "group": "branding",
+        "filePath": "src/products/shared/color/semantic-product-vault-radar.json",
+        "isSource": true,
+        "original": {
+          "value": "{color.palette.vault-radar-50.value}",
+          "type": "color",
+          "group": "branding"
+        },
+        "name": "token-color-vault-radar-surface",
+        "attributes": {
+          "category": "color",
+          "type": "vault-radar",
+          "item": "surface"
+        },
+        "path": [
+          "color",
+          "vault-radar",
+          "surface"
+        ]
+      },
+      "border": {
+        "value": "#feec7b",
+        "type": "color",
+        "group": "branding",
+        "filePath": "src/products/shared/color/semantic-product-vault-radar.json",
+        "isSource": true,
+        "original": {
+          "value": "{color.palette.vault-radar-100.value}",
+          "type": "color",
+          "group": "branding"
+        },
+        "name": "token-color-vault-radar-border",
+        "attributes": {
+          "category": "color",
+          "type": "vault-radar",
+          "item": "border"
+        },
+        "path": [
+          "color",
+          "vault-radar",
+          "border"
+        ]
+      },
+      "gradient": {
+        "primary": {
+          "start": {
+            "value": "#feec7b",
+            "type": "color",
+            "group": "branding",
+            "filePath": "src/products/shared/color/semantic-product-vault-radar.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.palette.vault-radar-100.value}",
+              "type": "color",
+              "group": "branding"
+            },
+            "name": "token-color-vault-radar-gradient-primary-start",
+            "attributes": {
+              "category": "color",
+              "type": "vault-radar",
+              "item": "gradient",
+              "subitem": "primary",
+              "state": "start"
+            },
+            "path": [
+              "color",
+              "vault-radar",
+              "gradient",
+              "primary",
+              "start"
+            ]
+          },
+          "stop": {
+            "value": "#ffe543",
+            "type": "color",
+            "group": "branding",
+            "filePath": "src/products/shared/color/semantic-product-vault-radar.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.palette.vault-radar-200.value}",
+              "type": "color",
+              "group": "branding"
+            },
+            "name": "token-color-vault-radar-gradient-primary-stop",
+            "attributes": {
+              "category": "color",
+              "type": "vault-radar",
+              "item": "gradient",
+              "subitem": "primary",
+              "state": "stop"
+            },
+            "path": [
+              "color",
+              "vault-radar",
+              "gradient",
+              "primary",
+              "stop"
+            ]
+          }
+        },
+        "faint": {
+          "start": {
+            "value": "#fffdf2",
+            "type": "color",
+            "group": "branding",
+            "comment": "this is the 'vault-radar-50' value at 25% opacity on white",
+            "filePath": "src/products/shared/color/semantic-product-vault-radar.json",
+            "isSource": true,
+            "original": {
+              "value": "#fffdf2",
+              "type": "color",
+              "group": "branding",
+              "comment": "this is the 'vault-radar-50' value at 25% opacity on white"
+            },
+            "name": "token-color-vault-radar-gradient-faint-start",
+            "attributes": {
+              "category": "color",
+              "type": "vault-radar",
+              "item": "gradient",
+              "subitem": "faint",
+              "state": "start"
+            },
+            "path": [
+              "color",
+              "vault-radar",
+              "gradient",
+              "faint",
+              "start"
+            ]
+          },
+          "stop": {
+            "value": "#fff9cf",
+            "type": "color",
+            "group": "branding",
+            "filePath": "src/products/shared/color/semantic-product-vault-radar.json",
+            "isSource": true,
+            "original": {
+              "value": "{color.palette.vault-radar-50.value}",
+              "type": "color",
+              "group": "branding"
+            },
+            "name": "token-color-vault-radar-gradient-faint-stop",
+            "attributes": {
+              "category": "color",
+              "type": "vault-radar",
+              "item": "gradient",
+              "subitem": "faint",
+              "state": "stop"
+            },
+            "path": [
+              "color",
+              "vault-radar",
+              "gradient",
+              "faint",
+              "stop"
+            ]
+          }
+        }
+      }
+    },
     "vault-secrets": {
       "brand": {
-        "value": "#ffd814",
+        "value": "#ffcf25",
         "type": "color",
         "group": "branding",
         "filePath": "src/products/shared/color/semantic-product-vault-secrets.json",
@@ -3605,7 +3865,7 @@
     },
     "vault": {
       "brand": {
-        "value": "#ffd814",
+        "value": "#ffcf25",
         "type": "color",
         "group": "branding",
         "filePath": "src/products/shared/color/semantic-product-vault.json",

package/dist/products/css/helpers/color.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 26 Apr 2023 20:11:40 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 .hds-border-primary { border: 1px solid var(--token-color-border-primary); }

package/dist/products/css/helpers/elevation.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 26 Apr 2023 20:11:40 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 .hds-elevation-inset { box-shadow: var(--token-elevation-inset-box-shadow); }

package/dist/products/css/helpers/focus-ring.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 26 Apr 2023 20:11:40 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 .hds-focus-ring-action-box-shadow { box-shadow: var(--token-focus-ring-action-box-shadow); }

package/dist/products/css/helpers/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 26 Apr 2023 20:11:40 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); }

package/dist/products/css/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 29 Sep 2023 09:55:35 GMT
+ * Generated on Fri, 02 Feb 2024 21:05:58 GMT
  */
 
 :root {
@@ -127,6 +127,7 @@
   --token-color-packer-gradient-faint-start: #f3fcff; /* this is the 'packer-50' value at 25% opacity on white */
   --token-color-packer-gradient-faint-stop: #d4f2ff;
   --token-color-terraform-brand: #7b42bc;
+  --token-color-terraform-brand-on-dark: #a067da; /* this is an alternative brand color meant to be used on dark backgrounds */
   --token-color-terraform-foreground: #773cb4;
   --token-color-terraform-surface: #f4ecff;
   --token-color-terraform-border: #ebdbfc;
@@ -142,7 +143,16 @@
   --token-color-vagrant-gradient-primary-stop: #7dadff;
   --token-color-vagrant-gradient-faint-start: #f4faff; /* this is the 'vagrant-50' value at 25% opacity on white */
   --token-color-vagrant-gradient-faint-stop: #d6ebff;
-  --token-color-vault-secrets-brand: #ffd814;
+  --token-color-vault-radar-brand: #ffcf25;
+  --token-color-vault-radar-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault radar would not work */
+  --token-color-vault-radar-foreground: #9a6f00;
+  --token-color-vault-radar-surface: #fff9cf;
+  --token-color-vault-radar-border: #feec7b;
+  --token-color-vault-radar-gradient-primary-start: #feec7b;
+  --token-color-vault-radar-gradient-primary-stop: #ffe543;
+  --token-color-vault-radar-gradient-faint-start: #fffdf2; /* this is the 'vault-radar-50' value at 25% opacity on white */
+  --token-color-vault-radar-gradient-faint-stop: #fff9cf;
+  --token-color-vault-secrets-brand: #ffcf25;
   --token-color-vault-secrets-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault Secrets would not work */
   --token-color-vault-secrets-foreground: #9a6f00;
   --token-color-vault-secrets-surface: #fff9cf;
@@ -151,7 +161,7 @@
   --token-color-vault-secrets-gradient-primary-stop: #ffe543;
   --token-color-vault-secrets-gradient-faint-start: #fffdf2; /* this is the 'vault-secrets-50' value at 25% opacity on white */
   --token-color-vault-secrets-gradient-faint-stop: #fff9cf;
-  --token-color-vault-brand: #ffd814;
+  --token-color-vault-brand: #ffcf25;
   --token-color-vault-brand-alt: #000000; /* this is a special “alternative” color, used as an exception in some contexts where the normal “brand” color for Vault would not work */
   --token-color-vault-foreground: #9a6f00;
   --token-color-vault-surface: #fff9cf;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/design-system-tokens",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "description": "Helios Design Tokens",
   "keywords": [
     "hashicorp",
@@ -22,20 +22,20 @@
     "build": "ts-node --transpile-only ./scripts/build"
   },
   "devDependencies": {
-    "@types/fs-extra": "^8.1.2",
-    "@types/lodash": "^4.14.195",
-    "@types/node": "^13.13.52",
-    "@types/tinycolor2": "^1.4.3",
+    "@types/fs-extra": "^11.0.3",
+    "@types/lodash": "^4.14.200",
+    "@types/node": "^20.8.9",
+    "@types/tinycolor2": "^1.4.5",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "del": "^5.1.0",
     "eslint": "^7.32.0",
-    "fs-extra": "^10.1.0",
+    "fs-extra": "^11.1.1",
     "lodash": "^4.17.21",
     "path": "^0.12.7",
-    "style-dictionary": "^3.8.0",
+    "style-dictionary": "^3.9.0",
     "tinycolor2": "^1.6.0",
-    "ts-node": "^9.1.1",
-    "typescript": "^4.9.5"
+    "ts-node": "^10.9.1",
+    "typescript": "^5.2.2"
   }
 }