@hashicorp/design-system-tokens 2.1.0 → 2.2.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.
- package/CHANGELOG.md +14 -0
- package/dist/cloud-email/helpers/color.css +1 -1
- package/dist/cloud-email/helpers/elevation.css +1 -1
- package/dist/cloud-email/helpers/focus-ring.css +1 -1
- package/dist/cloud-email/helpers/typography.css +1 -1
- package/dist/cloud-email/tokens.scss +1 -1
- package/dist/devdot/css/helpers/color.css +1 -1
- package/dist/devdot/css/helpers/elevation.css +1 -1
- package/dist/devdot/css/helpers/focus-ring.css +1 -1
- package/dist/devdot/css/helpers/typography.css +1 -1
- package/dist/devdot/css/tokens.css +4 -1
- package/dist/docs/products/tokens.json +55 -0
- package/dist/marketing/css/helpers/color.css +1 -1
- package/dist/marketing/css/helpers/elevation.css +1 -1
- package/dist/marketing/css/helpers/focus-ring.css +1 -1
- package/dist/marketing/css/helpers/typography.css +1 -1
- package/dist/marketing/css/tokens.css +4 -1
- package/dist/marketing/tokens.json +67 -0
- package/dist/products/css/helpers/color.css +1 -1
- package/dist/products/css/helpers/elevation.css +1 -1
- package/dist/products/css/helpers/focus-ring.css +1 -1
- package/dist/products/css/helpers/typography.css +1 -1
- package/dist/products/css/tokens.css +4 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @hashicorp/design-system-tokens
|
|
2
2
|
|
|
3
|
+
## 2.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
`AppHeader` - Added design tokens:
|
|
8
|
+
|
|
9
|
+
- `--token-app-header-height`
|
|
10
|
+
- `--token-app-header-home-link-size`
|
|
11
|
+
- `--token-app-header-logo-size`
|
|
12
|
+
|
|
13
|
+
<small class="doc-whats-new-changelog-metadata">[#2161](https://github.com/hashicorp/design-system/pull/2161)</small>
|
|
14
|
+
|
|
15
|
+
<div class="doc-whats-new-changelog-separator"></div>
|
|
16
|
+
|
|
3
17
|
## 2.1.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 24 Jul 2024 00:26:23 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
|
|
3
|
+
* Generated on Wed, 24 Jul 2024 00:26:23 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -266,6 +266,9 @@
|
|
|
266
266
|
--token-form-toggle-transition-duration: 0.2s;
|
|
267
267
|
--token-form-toggle-transition-timing-function: cubic-bezier(0.68, -0.2, 0.265, 1.15);
|
|
268
268
|
--token-form-toggle-thumb-size: 16px;
|
|
269
|
+
--token-app-header-height: 60px;
|
|
270
|
+
--token-app-header-home-link-size: 36px;
|
|
271
|
+
--token-app-header-logo-size: 28px;
|
|
269
272
|
--token-pagination-nav-control-height: 36px;
|
|
270
273
|
--token-pagination-nav-control-padding-horizontal: 12px;
|
|
271
274
|
--token-pagination-nav-control-focus-inset: 4px;
|
|
@@ -5659,6 +5659,61 @@
|
|
|
5659
5659
|
"thumb-size"
|
|
5660
5660
|
]
|
|
5661
5661
|
},
|
|
5662
|
+
{
|
|
5663
|
+
"value": "60px",
|
|
5664
|
+
"type": "size",
|
|
5665
|
+
"original": {
|
|
5666
|
+
"value": "60",
|
|
5667
|
+
"type": "size"
|
|
5668
|
+
},
|
|
5669
|
+
"name": "token-app-header-height",
|
|
5670
|
+
"attributes": {
|
|
5671
|
+
"category": "app-header",
|
|
5672
|
+
"type": "height"
|
|
5673
|
+
},
|
|
5674
|
+
"path": [
|
|
5675
|
+
"app-header",
|
|
5676
|
+
"height"
|
|
5677
|
+
]
|
|
5678
|
+
},
|
|
5679
|
+
{
|
|
5680
|
+
"value": "36px",
|
|
5681
|
+
"type": "size",
|
|
5682
|
+
"original": {
|
|
5683
|
+
"value": "36",
|
|
5684
|
+
"type": "size"
|
|
5685
|
+
},
|
|
5686
|
+
"name": "token-app-header-home-link-size",
|
|
5687
|
+
"attributes": {
|
|
5688
|
+
"category": "app-header",
|
|
5689
|
+
"type": "home-link",
|
|
5690
|
+
"item": "size"
|
|
5691
|
+
},
|
|
5692
|
+
"path": [
|
|
5693
|
+
"app-header",
|
|
5694
|
+
"home-link",
|
|
5695
|
+
"size"
|
|
5696
|
+
]
|
|
5697
|
+
},
|
|
5698
|
+
{
|
|
5699
|
+
"value": "28px",
|
|
5700
|
+
"type": "size",
|
|
5701
|
+
"original": {
|
|
5702
|
+
"value": "28",
|
|
5703
|
+
"type": "size"
|
|
5704
|
+
},
|
|
5705
|
+
"name": "token-app-header-logo-size",
|
|
5706
|
+
"attributes": {
|
|
5707
|
+
"category": "app-header",
|
|
5708
|
+
"type": "logo",
|
|
5709
|
+
"item": "size"
|
|
5710
|
+
},
|
|
5711
|
+
"path": [
|
|
5712
|
+
"app-header",
|
|
5713
|
+
"logo",
|
|
5714
|
+
"size"
|
|
5715
|
+
]
|
|
5716
|
+
},
|
|
5662
5717
|
{
|
|
5663
5718
|
"value": "36px",
|
|
5664
5719
|
"type": "size",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 24 Jul 2024 00:26:23 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -264,6 +264,9 @@
|
|
|
264
264
|
--token-form-toggle-transition-duration: 0.2s;
|
|
265
265
|
--token-form-toggle-transition-timing-function: cubic-bezier(0.68, -0.2, 0.265, 1.15);
|
|
266
266
|
--token-form-toggle-thumb-size: 16px;
|
|
267
|
+
--token-app-header-height: 60px;
|
|
268
|
+
--token-app-header-home-link-size: 36px;
|
|
269
|
+
--token-app-header-logo-size: 28px;
|
|
267
270
|
--token-pagination-nav-control-height: 36px;
|
|
268
271
|
--token-pagination-nav-control-padding-horizontal: 12px;
|
|
269
272
|
--token-pagination-nav-control-focus-inset: 4px;
|
|
@@ -6397,6 +6397,73 @@
|
|
|
6397
6397
|
}
|
|
6398
6398
|
}
|
|
6399
6399
|
},
|
|
6400
|
+
"app-header": {
|
|
6401
|
+
"height": {
|
|
6402
|
+
"value": "60px",
|
|
6403
|
+
"type": "size",
|
|
6404
|
+
"filePath": "src/products/shared/app-header.json",
|
|
6405
|
+
"isSource": true,
|
|
6406
|
+
"original": {
|
|
6407
|
+
"value": "60",
|
|
6408
|
+
"type": "size"
|
|
6409
|
+
},
|
|
6410
|
+
"name": "token-app-header-height",
|
|
6411
|
+
"attributes": {
|
|
6412
|
+
"category": "app-header",
|
|
6413
|
+
"type": "height"
|
|
6414
|
+
},
|
|
6415
|
+
"path": [
|
|
6416
|
+
"app-header",
|
|
6417
|
+
"height"
|
|
6418
|
+
]
|
|
6419
|
+
},
|
|
6420
|
+
"home-link": {
|
|
6421
|
+
"size": {
|
|
6422
|
+
"value": "36px",
|
|
6423
|
+
"type": "size",
|
|
6424
|
+
"filePath": "src/products/shared/app-header.json",
|
|
6425
|
+
"isSource": true,
|
|
6426
|
+
"original": {
|
|
6427
|
+
"value": "36",
|
|
6428
|
+
"type": "size"
|
|
6429
|
+
},
|
|
6430
|
+
"name": "token-app-header-home-link-size",
|
|
6431
|
+
"attributes": {
|
|
6432
|
+
"category": "app-header",
|
|
6433
|
+
"type": "home-link",
|
|
6434
|
+
"item": "size"
|
|
6435
|
+
},
|
|
6436
|
+
"path": [
|
|
6437
|
+
"app-header",
|
|
6438
|
+
"home-link",
|
|
6439
|
+
"size"
|
|
6440
|
+
]
|
|
6441
|
+
}
|
|
6442
|
+
},
|
|
6443
|
+
"logo": {
|
|
6444
|
+
"size": {
|
|
6445
|
+
"value": "28px",
|
|
6446
|
+
"type": "size",
|
|
6447
|
+
"filePath": "src/products/shared/app-header.json",
|
|
6448
|
+
"isSource": true,
|
|
6449
|
+
"original": {
|
|
6450
|
+
"value": "28",
|
|
6451
|
+
"type": "size"
|
|
6452
|
+
},
|
|
6453
|
+
"name": "token-app-header-logo-size",
|
|
6454
|
+
"attributes": {
|
|
6455
|
+
"category": "app-header",
|
|
6456
|
+
"type": "logo",
|
|
6457
|
+
"item": "size"
|
|
6458
|
+
},
|
|
6459
|
+
"path": [
|
|
6460
|
+
"app-header",
|
|
6461
|
+
"logo",
|
|
6462
|
+
"size"
|
|
6463
|
+
]
|
|
6464
|
+
}
|
|
6465
|
+
}
|
|
6466
|
+
},
|
|
6400
6467
|
"pagination": {
|
|
6401
6468
|
"nav": {
|
|
6402
6469
|
"control": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 24 Jul 2024 00:26:23 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -264,6 +264,9 @@
|
|
|
264
264
|
--token-form-toggle-transition-duration: 0.2s;
|
|
265
265
|
--token-form-toggle-transition-timing-function: cubic-bezier(0.68, -0.2, 0.265, 1.15);
|
|
266
266
|
--token-form-toggle-thumb-size: 16px;
|
|
267
|
+
--token-app-header-height: 60px;
|
|
268
|
+
--token-app-header-home-link-size: 36px;
|
|
269
|
+
--token-app-header-logo-size: 28px;
|
|
267
270
|
--token-pagination-nav-control-height: 36px;
|
|
268
271
|
--token-pagination-nav-control-padding-horizontal: 12px;
|
|
269
272
|
--token-pagination-nav-control-focus-inset: 4px;
|