@hashicorp/design-system-tokens 2.2.0 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @hashicorp/design-system-tokens
2
2
 
3
+ ## 2.2.1
4
+
5
+ ### Patch Changes
6
+
7
+ Updated design tokens for Vagrant primary gradient to match Figma.
8
+
9
+ <small class="doc-whats-new-changelog-metadata">[#2366](https://github.com/hashicorp/design-system/pull/2366)</small>
10
+
11
+ <div class="doc-whats-new-changelog-separator"></div>
12
+
3
13
  ## 2.2.0
4
14
 
5
15
  ### Minor Changes
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-border-primary { border: 1px solid #656a7633; }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-elevation-high { box-shadow: 0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633); }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-focus-ring-action-box-shadow { box-shadow: inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff; }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-font-family-sans-display { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; }
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ // Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
 
5
5
  $token-color-palette-blue-500: #1c345f;
6
6
  $token-color-palette-blue-400: #0046d1;
@@ -137,8 +137,8 @@ $token-color-vagrant-brand: #1868f2;
137
137
  $token-color-vagrant-foreground: #1c61d8;
138
138
  $token-color-vagrant-surface: #d6ebff;
139
139
  $token-color-vagrant-border: #c7dbfc;
140
- $token-color-vagrant-gradient-primary-start: #c7dbfc;
141
- $token-color-vagrant-gradient-primary-stop: #7dadff;
140
+ $token-color-vagrant-gradient-primary-start: #639cff;
141
+ $token-color-vagrant-gradient-primary-stop: #2e71e5;
142
142
  $token-color-vagrant-gradient-faint-start: #f4faff; // this is the 'vagrant-50' value at 25% opacity on white
143
143
  $token-color-vagrant-gradient-faint-stop: #d6ebff;
144
144
  $token-color-vault-radar-brand: #ffcf25;
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-border-primary { border: 1px solid var(--token-color-border-primary); }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-elevation-high { box-shadow: var(--token-elevation-high-box-shadow); }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-focus-ring-action-box-shadow { box-shadow: var(--token-focus-ring-action-box-shadow); }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -141,8 +141,8 @@
141
141
  --token-color-vagrant-foreground: #1c61d8;
142
142
  --token-color-vagrant-surface: #d6ebff;
143
143
  --token-color-vagrant-border: #c7dbfc;
144
- --token-color-vagrant-gradient-primary-start: #c7dbfc;
145
- --token-color-vagrant-gradient-primary-stop: #7dadff;
144
+ --token-color-vagrant-gradient-primary-start: #639cff;
145
+ --token-color-vagrant-gradient-primary-stop: #2e71e5;
146
146
  --token-color-vagrant-gradient-faint-start: #f4faff; /* this is the 'vagrant-50' value at 25% opacity on white */
147
147
  --token-color-vagrant-gradient-faint-stop: #d6ebff;
148
148
  --token-color-vault-radar-brand: #ffcf25;
@@ -2945,11 +2945,11 @@
2945
2945
  ]
2946
2946
  },
2947
2947
  {
2948
- "value": "#c7dbfc",
2948
+ "value": "#639cff",
2949
2949
  "type": "color",
2950
2950
  "group": "branding",
2951
2951
  "original": {
2952
- "value": "{color.palette.vagrant-100.value}",
2952
+ "value": "{color.palette.vagrant-300.value}",
2953
2953
  "type": "color",
2954
2954
  "group": "branding"
2955
2955
  },
@@ -2970,11 +2970,11 @@
2970
2970
  ]
2971
2971
  },
2972
2972
  {
2973
- "value": "#7dadff",
2973
+ "value": "#2e71e5",
2974
2974
  "type": "color",
2975
2975
  "group": "branding",
2976
2976
  "original": {
2977
- "value": "{color.palette.vagrant-200.value}",
2977
+ "value": "{color.palette.vagrant-400.value}",
2978
2978
  "type": "color",
2979
2979
  "group": "branding"
2980
2980
  },
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-border-primary { border: 1px solid var(--token-color-border-primary); }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-elevation-high { box-shadow: var(--token-elevation-high-box-shadow); }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-focus-ring-action-box-shadow { box-shadow: var(--token-focus-ring-action-box-shadow); }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -139,8 +139,8 @@
139
139
  --token-color-vagrant-foreground: #1c61d8;
140
140
  --token-color-vagrant-surface: #d6ebff;
141
141
  --token-color-vagrant-border: #c7dbfc;
142
- --token-color-vagrant-gradient-primary-start: #c7dbfc;
143
- --token-color-vagrant-gradient-primary-stop: #7dadff;
142
+ --token-color-vagrant-gradient-primary-start: #639cff;
143
+ --token-color-vagrant-gradient-primary-stop: #2e71e5;
144
144
  --token-color-vagrant-gradient-faint-start: #f4faff; /* this is the 'vagrant-50' value at 25% opacity on white */
145
145
  --token-color-vagrant-gradient-faint-stop: #d6ebff;
146
146
  --token-color-vault-radar-brand: #ffcf25;
@@ -3279,13 +3279,13 @@
3279
3279
  "gradient": {
3280
3280
  "primary": {
3281
3281
  "start": {
3282
- "value": "#c7dbfc",
3282
+ "value": "#639cff",
3283
3283
  "type": "color",
3284
3284
  "group": "branding",
3285
3285
  "filePath": "src/products/shared/color/semantic-product-vagrant.json",
3286
3286
  "isSource": true,
3287
3287
  "original": {
3288
- "value": "{color.palette.vagrant-100.value}",
3288
+ "value": "{color.palette.vagrant-300.value}",
3289
3289
  "type": "color",
3290
3290
  "group": "branding"
3291
3291
  },
@@ -3306,13 +3306,13 @@
3306
3306
  ]
3307
3307
  },
3308
3308
  "stop": {
3309
- "value": "#7dadff",
3309
+ "value": "#2e71e5",
3310
3310
  "type": "color",
3311
3311
  "group": "branding",
3312
3312
  "filePath": "src/products/shared/color/semantic-product-vagrant.json",
3313
3313
  "isSource": true,
3314
3314
  "original": {
3315
- "value": "{color.palette.vagrant-200.value}",
3315
+ "value": "{color.palette.vagrant-400.value}",
3316
3316
  "type": "color",
3317
3317
  "group": "branding"
3318
3318
  },
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-border-primary { border: 1px solid var(--token-color-border-primary); }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-elevation-high { box-shadow: var(--token-elevation-high-box-shadow); }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-focus-ring-action-box-shadow { box-shadow: var(--token-focus-ring-action-box-shadow); }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); }
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 24 Jul 2024 00:26:23 GMT
3
+ * Generated on Tue, 27 Aug 2024 16:41:13 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -139,8 +139,8 @@
139
139
  --token-color-vagrant-foreground: #1c61d8;
140
140
  --token-color-vagrant-surface: #d6ebff;
141
141
  --token-color-vagrant-border: #c7dbfc;
142
- --token-color-vagrant-gradient-primary-start: #c7dbfc;
143
- --token-color-vagrant-gradient-primary-stop: #7dadff;
142
+ --token-color-vagrant-gradient-primary-start: #639cff;
143
+ --token-color-vagrant-gradient-primary-stop: #2e71e5;
144
144
  --token-color-vagrant-gradient-faint-start: #f4faff; /* this is the 'vagrant-50' value at 25% opacity on white */
145
145
  --token-color-vagrant-gradient-faint-stop: #d6ebff;
146
146
  --token-color-vault-radar-brand: #ffcf25;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/design-system-tokens",
3
- "version": "2.2.0",
3
+ "version": "2.2.1",
4
4
  "description": "Helios Design Tokens",
5
5
  "keywords": [
6
6
  "hashicorp",