@hashicorp/design-system-tokens 0.7.0 → 0.8.0

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.
Files changed (14) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/devdot/css/helpers/color.css +1 -1
  3. package/dist/devdot/css/helpers/elevation.css +1 -1
  4. package/dist/devdot/css/helpers/focus-ring.css +1 -1
  5. package/dist/devdot/css/helpers/typography.css +1 -1
  6. package/dist/devdot/css/tokens.css +13 -13
  7. package/dist/docs/devdot/tokens.json +15 -15
  8. package/dist/docs/products/tokens.json +15 -15
  9. package/dist/products/css/helpers/color.css +1 -1
  10. package/dist/products/css/helpers/elevation.css +1 -1
  11. package/dist/products/css/helpers/focus-ring.css +1 -1
  12. package/dist/products/css/helpers/typography.css +1 -1
  13. package/dist/products/css/tokens.css +13 -13
  14. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @hashicorp/design-system-tokens
2
2
 
3
+ ## 0.8.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#136](https://github.com/hashicorp/design-system/pull/136) [`c17f142c`](https://github.com/hashicorp/design-system/commit/c17f142c0c938b471b696820d1fa440f62f7315b) Thanks [@didoo](https://github.com/didoo)! - Updated the font-stack design tokens in “typography”
8
+
9
+ - removed `SF Pro Display/Text` in `Display/Text` (we can rely on `-apple-system + BlinkMacSystemFont`)
10
+ - replaced `Segoe UI Display/Text` with `Segoe UI` in `Display/Text`
11
+ - added `Helvetica, Arial` to the `sans` block in `Display/Text`
12
+ - added explicit emoji support for `Display/Text`
13
+ - replaced `SF Mono` with `ui-monospace` in Code
14
+ - added `Menlo` to `Code`
15
+
3
16
  ## 0.7.0
4
17
 
5
18
  ### Minor Changes
package/dist/devdot/css/helpers/color.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 17 Mar 2022 08:19:13 GMT
3
+ * Generated on Wed, 30 Mar 2022 10:43:45 GMT
4
4
  */
5
5
 
6
6
  .hds-border-primary { border: 1px solid var(--token-color-border-primary); }
package/dist/devdot/css/helpers/elevation.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 22 Feb 2022 21:05:19 GMT
3
+ * Generated on Wed, 30 Mar 2022 10:43:45 GMT
4
4
  */
5
5
 
6
6
  .hds-elevation-inset { box-shadow: var(--token-elevation-inset-box-shadow); }
package/dist/devdot/css/helpers/focus-ring.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 18 Mar 2022 20:06:01 GMT
3
+ * Generated on Wed, 30 Mar 2022 10:43:45 GMT
4
4
  */
5
5
 
6
6
  .hds-focus-ring-action-box-shadow { box-shadow: var(--token-focus-ring-action-box-shadow); }
package/dist/devdot/css/helpers/typography.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 22 Feb 2022 21:05:19 GMT
3
+ * Generated on Wed, 30 Mar 2022 10:43:45 GMT
4
4
  */
5
5
 
6
6
  .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); }
package/dist/devdot/css/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 18 Mar 2022 20:06:01 GMT
3
+ * Generated on Thu, 31 Mar 2022 09:28:32 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -240,40 +240,40 @@
240
240
  --token-surface-overlay-box-shadow: 0 0 0 1px #3b3d4566, 0px 2px 3px 0px #3b3d4580, 0px 12px 24px 0px #3b3d4599;
241
241
  --token-focus-ring-action-box-shadow: inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff;
242
242
  --token-focus-ring-critical-box-shadow: inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578;
243
- --token-typography-font-stack-display: -apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif;
244
- --token-typography-font-stack-text: -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif;
245
- --token-typography-font-stack-code: SF Mono, Consolas, Ubuntu Mono, monospace;
243
+ --token-typography-font-stack-display: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
244
+ --token-typography-font-stack-text: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
245
+ --token-typography-font-stack-code: ui-monospace, Menlo, Consolas, monospace;
246
246
  --token-typography-font-weight-regular: 400;
247
247
  --token-typography-font-weight-medium: 500;
248
248
  --token-typography-font-weight-semibold: 600;
249
249
  --token-typography-font-weight-bold: 700;
250
- --token-typography-display-500-font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif;
250
+ --token-typography-display-500-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
251
251
  --token-typography-display-500-font-size: 1.875rem; /* 30px/1.875rem */
252
252
  --token-typography-display-500-line-height: 1.2666; /* 38px */
253
- --token-typography-display-400-font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif;
253
+ --token-typography-display-400-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
254
254
  --token-typography-display-400-font-size: 1.5rem; /* 24px/1.5rem */
255
255
  --token-typography-display-400-line-height: 1.3333; /* 32px */
256
- --token-typography-display-300-font-family: -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif;
256
+ --token-typography-display-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
257
257
  --token-typography-display-300-font-size: 1.125rem; /* 18px/1.125rem */
258
258
  --token-typography-display-300-line-height: 1.3333; /* 24px */
259
259
  --token-typography-display-300-letter-spacing: -0.5px; /* this is `tracking` */
260
- --token-typography-display-200-font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif;
260
+ --token-typography-display-200-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
261
261
  --token-typography-display-200-font-size: 1rem; /* 16px/1rem */
262
262
  --token-typography-display-200-line-height: 1.5; /* 24px */
263
263
  --token-typography-display-200-letter-spacing: -0.5px; /* this is `tracking` */
264
- --token-typography-display-100-font-family: -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif;
264
+ --token-typography-display-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
265
265
  --token-typography-display-100-font-size: 0.8125rem; /* 13px/0.8125rem */
266
266
  --token-typography-display-100-line-height: 1.3846; /* 18px */
267
- --token-typography-body-300-font-family: -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif;
267
+ --token-typography-body-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
268
268
  --token-typography-body-300-font-size: 1rem; /* 16px/1rem */
269
269
  --token-typography-body-300-line-height: 1.5; /* 24px */
270
- --token-typography-body-200-font-family: -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif;
270
+ --token-typography-body-200-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
271
271
  --token-typography-body-200-font-size: 0.875rem; /* 14px/0.875rem */
272
272
  --token-typography-body-200-line-height: 1.4286; /* 20px */
273
- --token-typography-body-100-font-family: -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif;
273
+ --token-typography-body-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
274
274
  --token-typography-body-100-font-size: 0.8125rem; /* 13px/0.8125rem */
275
275
  --token-typography-body-100-line-height: 1.3846; /* 18px */
276
- --token-typography-code-100-font-family: SF Mono, Consolas, Ubuntu Mono, monospace;
276
+ --token-typography-code-100-font-family: ui-monospace, Menlo, Consolas, monospace;
277
277
  --token-typography-code-100-font-size: 0.8125rem; /* 13px/0.8125rem */
278
278
  --token-typography-code-100-line-height: 1.23; /* 16px */
279
279
  }
package/dist/docs/devdot/tokens.json CHANGED
@@ -5320,9 +5320,9 @@
5320
5320
  ]
5321
5321
  },
5322
5322
  {
5323
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif",
5323
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5324
5324
  "original": {
5325
- "value": "{typography.font-stack.sans.display.macOS.value}, {typography.font-stack.sans.display.windows.value}, {typography.font-stack.sans.display.linux.value}, sans-serif"
5325
+ "value": "{typography.font-stack.sans.display.macOS.value}, {typography.font-stack.sans.display.windows.value}, {typography.font-stack.sans.display.sans.value}, {typography.font-stack.sans.display.emoji.value}"
5326
5326
  },
5327
5327
  "name": "token-typography-font-stack-display",
5328
5328
  "attributes": {
@@ -5337,9 +5337,9 @@
5337
5337
  ]
5338
5338
  },
5339
5339
  {
5340
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif",
5340
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5341
5341
  "original": {
5342
- "value": "{typography.font-stack.sans.text.macOS.value}, {typography.font-stack.sans.text.windows.value}, {typography.font-stack.sans.text.linux.value}, sans-serif"
5342
+ "value": "{typography.font-stack.sans.text.macOS.value}, {typography.font-stack.sans.text.windows.value}, {typography.font-stack.sans.display.sans.value}, {typography.font-stack.sans.text.emoji.value}"
5343
5343
  },
5344
5344
  "name": "token-typography-font-stack-text",
5345
5345
  "attributes": {
@@ -5354,9 +5354,9 @@
5354
5354
  ]
5355
5355
  },
5356
5356
  {
5357
- "value": "SF Mono, Consolas, Ubuntu Mono, monospace",
5357
+ "value": "ui-monospace, Menlo, Consolas, monospace",
5358
5358
  "original": {
5359
- "value": "{typography.font-stack.monospace.code.macOS.value}, {typography.font-stack.monospace.code.windows.value}, {typography.font-stack.monospace.code.linux.value}, monospace"
5359
+ "value": "{typography.font-stack.monospace.code.macOS.value}, {typography.font-stack.monospace.code.windows.value}, monospace"
5360
5360
  },
5361
5361
  "name": "token-typography-font-stack-code",
5362
5362
  "attributes": {
@@ -5439,7 +5439,7 @@
5439
5439
  ]
5440
5440
  },
5441
5441
  {
5442
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif",
5442
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5443
5443
  "original": {
5444
5444
  "value": "{typography.font-stack.display.value}"
5445
5445
  },
@@ -5496,7 +5496,7 @@
5496
5496
  ]
5497
5497
  },
5498
5498
  {
5499
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif",
5499
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5500
5500
  "original": {
5501
5501
  "value": "{typography.font-stack.display.value}"
5502
5502
  },
@@ -5553,7 +5553,7 @@
5553
5553
  ]
5554
5554
  },
5555
5555
  {
5556
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif",
5556
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5557
5557
  "original": {
5558
5558
  "value": "{typography.font-stack.text.value}"
5559
5559
  },
@@ -5629,7 +5629,7 @@
5629
5629
  ]
5630
5630
  },
5631
5631
  {
5632
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif",
5632
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5633
5633
  "original": {
5634
5634
  "value": "{typography.font-stack.display.value}"
5635
5635
  },
@@ -5705,7 +5705,7 @@
5705
5705
  ]
5706
5706
  },
5707
5707
  {
5708
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif",
5708
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5709
5709
  "original": {
5710
5710
  "value": "{typography.font-stack.text.value}"
5711
5711
  },
@@ -5762,7 +5762,7 @@
5762
5762
  ]
5763
5763
  },
5764
5764
  {
5765
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif",
5765
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5766
5766
  "original": {
5767
5767
  "value": "{typography.font-stack.text.value}"
5768
5768
  },
@@ -5819,7 +5819,7 @@
5819
5819
  ]
5820
5820
  },
5821
5821
  {
5822
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif",
5822
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5823
5823
  "original": {
5824
5824
  "value": "{typography.font-stack.text.value}"
5825
5825
  },
@@ -5876,7 +5876,7 @@
5876
5876
  ]
5877
5877
  },
5878
5878
  {
5879
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif",
5879
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5880
5880
  "original": {
5881
5881
  "value": "{typography.font-stack.text.value}"
5882
5882
  },
@@ -5933,7 +5933,7 @@
5933
5933
  ]
5934
5934
  },
5935
5935
  {
5936
- "value": "SF Mono, Consolas, Ubuntu Mono, monospace",
5936
+ "value": "ui-monospace, Menlo, Consolas, monospace",
5937
5937
  "original": {
5938
5938
  "value": "{typography.font-stack.code.value}"
5939
5939
  },
package/dist/docs/products/tokens.json CHANGED
@@ -5274,9 +5274,9 @@
5274
5274
  ]
5275
5275
  },
5276
5276
  {
5277
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif",
5277
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5278
5278
  "original": {
5279
- "value": "{typography.font-stack.sans.display.macOS.value}, {typography.font-stack.sans.display.windows.value}, {typography.font-stack.sans.display.linux.value}, sans-serif"
5279
+ "value": "{typography.font-stack.sans.display.macOS.value}, {typography.font-stack.sans.display.windows.value}, {typography.font-stack.sans.display.sans.value}, {typography.font-stack.sans.display.emoji.value}"
5280
5280
  },
5281
5281
  "name": "token-typography-font-stack-display",
5282
5282
  "attributes": {
@@ -5291,9 +5291,9 @@
5291
5291
  ]
5292
5292
  },
5293
5293
  {
5294
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif",
5294
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5295
5295
  "original": {
5296
- "value": "{typography.font-stack.sans.text.macOS.value}, {typography.font-stack.sans.text.windows.value}, {typography.font-stack.sans.text.linux.value}, sans-serif"
5296
+ "value": "{typography.font-stack.sans.text.macOS.value}, {typography.font-stack.sans.text.windows.value}, {typography.font-stack.sans.display.sans.value}, {typography.font-stack.sans.text.emoji.value}"
5297
5297
  },
5298
5298
  "name": "token-typography-font-stack-text",
5299
5299
  "attributes": {
@@ -5308,9 +5308,9 @@
5308
5308
  ]
5309
5309
  },
5310
5310
  {
5311
- "value": "SF Mono, Consolas, Ubuntu Mono, monospace",
5311
+ "value": "ui-monospace, Menlo, Consolas, monospace",
5312
5312
  "original": {
5313
- "value": "{typography.font-stack.monospace.code.macOS.value}, {typography.font-stack.monospace.code.windows.value}, {typography.font-stack.monospace.code.linux.value}, monospace"
5313
+ "value": "{typography.font-stack.monospace.code.macOS.value}, {typography.font-stack.monospace.code.windows.value}, monospace"
5314
5314
  },
5315
5315
  "name": "token-typography-font-stack-code",
5316
5316
  "attributes": {
@@ -5393,7 +5393,7 @@
5393
5393
  ]
5394
5394
  },
5395
5395
  {
5396
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif",
5396
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5397
5397
  "original": {
5398
5398
  "value": "{typography.font-stack.display.value}"
5399
5399
  },
@@ -5450,7 +5450,7 @@
5450
5450
  ]
5451
5451
  },
5452
5452
  {
5453
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif",
5453
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5454
5454
  "original": {
5455
5455
  "value": "{typography.font-stack.display.value}"
5456
5456
  },
@@ -5507,7 +5507,7 @@
5507
5507
  ]
5508
5508
  },
5509
5509
  {
5510
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif",
5510
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5511
5511
  "original": {
5512
5512
  "value": "{typography.font-stack.text.value}"
5513
5513
  },
@@ -5583,7 +5583,7 @@
5583
5583
  ]
5584
5584
  },
5585
5585
  {
5586
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif",
5586
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5587
5587
  "original": {
5588
5588
  "value": "{typography.font-stack.display.value}"
5589
5589
  },
@@ -5659,7 +5659,7 @@
5659
5659
  ]
5660
5660
  },
5661
5661
  {
5662
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif",
5662
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5663
5663
  "original": {
5664
5664
  "value": "{typography.font-stack.text.value}"
5665
5665
  },
@@ -5716,7 +5716,7 @@
5716
5716
  ]
5717
5717
  },
5718
5718
  {
5719
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif",
5719
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5720
5720
  "original": {
5721
5721
  "value": "{typography.font-stack.text.value}"
5722
5722
  },
@@ -5773,7 +5773,7 @@
5773
5773
  ]
5774
5774
  },
5775
5775
  {
5776
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif",
5776
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5777
5777
  "original": {
5778
5778
  "value": "{typography.font-stack.text.value}"
5779
5779
  },
@@ -5830,7 +5830,7 @@
5830
5830
  ]
5831
5831
  },
5832
5832
  {
5833
- "value": "-apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif",
5833
+ "value": "-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol",
5834
5834
  "original": {
5835
5835
  "value": "{typography.font-stack.text.value}"
5836
5836
  },
@@ -5887,7 +5887,7 @@
5887
5887
  ]
5888
5888
  },
5889
5889
  {
5890
- "value": "SF Mono, Consolas, Ubuntu Mono, monospace",
5890
+ "value": "ui-monospace, Menlo, Consolas, monospace",
5891
5891
  "original": {
5892
5892
  "value": "{typography.font-stack.code.value}"
5893
5893
  },
package/dist/products/css/helpers/color.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 04 Mar 2022 17:16:48 GMT
3
+ * Generated on Wed, 30 Mar 2022 10:43:45 GMT
4
4
  */
5
5
 
6
6
  .hds-border-primary { border: 1px solid var(--token-color-border-primary); }
package/dist/products/css/helpers/elevation.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 22 Feb 2022 21:05:19 GMT
3
+ * Generated on Wed, 30 Mar 2022 10:43:45 GMT
4
4
  */
5
5
 
6
6
  .hds-elevation-inset { box-shadow: var(--token-elevation-inset-box-shadow); }
package/dist/products/css/helpers/focus-ring.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 18 Mar 2022 20:06:01 GMT
3
+ * Generated on Wed, 30 Mar 2022 10:43:45 GMT
4
4
  */
5
5
 
6
6
  .hds-focus-ring-action-box-shadow { box-shadow: var(--token-focus-ring-action-box-shadow); }
package/dist/products/css/helpers/typography.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 22 Feb 2022 21:05:19 GMT
3
+ * Generated on Wed, 30 Mar 2022 10:43:45 GMT
4
4
  */
5
5
 
6
6
  .hds-font-family-sans-display { font-family: var(--token-typography-font-stack-display); }
package/dist/products/css/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 18 Mar 2022 20:06:01 GMT
3
+ * Generated on Thu, 31 Mar 2022 09:28:32 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -238,40 +238,40 @@
238
238
  --token-surface-overlay-box-shadow: 0 0 0 1px #3b3d4566, 0px 2px 3px 0px #3b3d4580, 0px 12px 24px 0px #3b3d4599;
239
239
  --token-focus-ring-action-box-shadow: inset 0 0 0 1px #0c56e9, 0 0 0 3px #5990ff;
240
240
  --token-focus-ring-critical-box-shadow: inset 0 0 0 1px #c00005, 0 0 0 3px #dd7578;
241
- --token-typography-font-stack-display: -apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif;
242
- --token-typography-font-stack-text: -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif;
243
- --token-typography-font-stack-code: SF Mono, Consolas, Ubuntu Mono, monospace;
241
+ --token-typography-font-stack-display: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
242
+ --token-typography-font-stack-text: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
243
+ --token-typography-font-stack-code: ui-monospace, Menlo, Consolas, monospace;
244
244
  --token-typography-font-weight-regular: 400;
245
245
  --token-typography-font-weight-medium: 500;
246
246
  --token-typography-font-weight-semibold: 600;
247
247
  --token-typography-font-weight-bold: 700;
248
- --token-typography-display-500-font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif;
248
+ --token-typography-display-500-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
249
249
  --token-typography-display-500-font-size: 1.875rem; /* 30px/1.875rem */
250
250
  --token-typography-display-500-line-height: 1.2666; /* 38px */
251
- --token-typography-display-400-font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif;
251
+ --token-typography-display-400-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
252
252
  --token-typography-display-400-font-size: 1.5rem; /* 24px/1.5rem */
253
253
  --token-typography-display-400-line-height: 1.3333; /* 32px */
254
- --token-typography-display-300-font-family: -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif;
254
+ --token-typography-display-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
255
255
  --token-typography-display-300-font-size: 1.125rem; /* 18px/1.125rem */
256
256
  --token-typography-display-300-line-height: 1.3333; /* 24px */
257
257
  --token-typography-display-300-letter-spacing: -0.5px; /* this is `tracking` */
258
- --token-typography-display-200-font-family: -apple-system, BlinkMacSystemFont, SF Pro Display, Segoe UI Display, Ubuntu, sans-serif;
258
+ --token-typography-display-200-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
259
259
  --token-typography-display-200-font-size: 1rem; /* 16px/1rem */
260
260
  --token-typography-display-200-line-height: 1.5; /* 24px */
261
261
  --token-typography-display-200-letter-spacing: -0.5px; /* this is `tracking` */
262
- --token-typography-display-100-font-family: -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif;
262
+ --token-typography-display-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
263
263
  --token-typography-display-100-font-size: 0.8125rem; /* 13px/0.8125rem */
264
264
  --token-typography-display-100-line-height: 1.3846; /* 18px */
265
- --token-typography-body-300-font-family: -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif;
265
+ --token-typography-body-300-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
266
266
  --token-typography-body-300-font-size: 1rem; /* 16px/1rem */
267
267
  --token-typography-body-300-line-height: 1.5; /* 24px */
268
- --token-typography-body-200-font-family: -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif;
268
+ --token-typography-body-200-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
269
269
  --token-typography-body-200-font-size: 0.875rem; /* 14px/0.875rem */
270
270
  --token-typography-body-200-line-height: 1.4286; /* 20px */
271
- --token-typography-body-100-font-family: -apple-system, BlinkMacSystemFont, SF Pro Text, Segoe UI Text, Ubuntu, sans-serif;
271
+ --token-typography-body-100-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
272
272
  --token-typography-body-100-font-size: 0.8125rem; /* 13px/0.8125rem */
273
273
  --token-typography-body-100-line-height: 1.3846; /* 18px */
274
- --token-typography-code-100-font-family: SF Mono, Consolas, Ubuntu Mono, monospace;
274
+ --token-typography-code-100-font-family: ui-monospace, Menlo, Consolas, monospace;
275
275
  --token-typography-code-100-font-size: 0.8125rem; /* 13px/0.8125rem */
276
276
  --token-typography-code-100-line-height: 1.23; /* 16px */
277
277
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/design-system-tokens",
3
- "version": "0.7.0",
3
+ "version": "0.8.0",
4
4
  "description": "HashiCorp Design Tokens",
5
5
  "keywords": [
6
6
  "hashicorp",