@hashicorp/design-system-tokens 1.8.0 → 1.9.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
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @hashicorp/design-system-tokens
|
|
2
2
|
|
|
3
|
+
## 1.9.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#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
|
|
8
|
+
|
|
3
9
|
## 1.8.0
|
|
4
10
|
|
|
5
11
|
### Minor Changes
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 29 Sep 2023 09:55:35 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -264,10 +264,16 @@
|
|
|
264
264
|
--token-pagination-nav-indicator-spacing: 6px;
|
|
265
265
|
--token-pagination-child-spacing-vertical: 8px;
|
|
266
266
|
--token-pagination-child-spacing-horizontal: 20px;
|
|
267
|
+
--token-side-nav-wrapper-border-width: 1px;
|
|
268
|
+
--token-side-nav-wrapper-border-color: #656a76;
|
|
267
269
|
--token-side-nav-wrapper-padding-horizontal: 16px;
|
|
268
270
|
--token-side-nav-wrapper-padding-vertical: 16px;
|
|
271
|
+
--token-side-nav-wrapper-padding-horizontal-minimized: 8px;
|
|
272
|
+
--token-side-nav-wrapper-padding-vertical-minimized: 22px;
|
|
273
|
+
--token-side-nav-toggle-button-border-radius: 5px;
|
|
269
274
|
--token-side-nav-header-home-link-padding: 4px;
|
|
270
275
|
--token-side-nav-header-home-link-logo-size: 48px;
|
|
276
|
+
--token-side-nav-header-home-link-logo-size-minimized: 32px;
|
|
271
277
|
--token-side-nav-header-actions-spacing: 8px;
|
|
272
278
|
--token-side-nav-body-list-margin-vertical: 24px;
|
|
273
279
|
--token-side-nav-body-list-item-height: 36px;
|
|
@@ -5597,6 +5597,50 @@
|
|
|
5597
5597
|
"horizontal"
|
|
5598
5598
|
]
|
|
5599
5599
|
},
|
|
5600
|
+
{
|
|
5601
|
+
"value": "1px",
|
|
5602
|
+
"type": "size",
|
|
5603
|
+
"original": {
|
|
5604
|
+
"value": "1",
|
|
5605
|
+
"type": "size"
|
|
5606
|
+
},
|
|
5607
|
+
"name": "token-side-nav-wrapper-border-width",
|
|
5608
|
+
"attributes": {
|
|
5609
|
+
"category": "side-nav",
|
|
5610
|
+
"type": "wrapper",
|
|
5611
|
+
"item": "border",
|
|
5612
|
+
"subitem": "width"
|
|
5613
|
+
},
|
|
5614
|
+
"path": [
|
|
5615
|
+
"side-nav",
|
|
5616
|
+
"wrapper",
|
|
5617
|
+
"border",
|
|
5618
|
+
"width"
|
|
5619
|
+
]
|
|
5620
|
+
},
|
|
5621
|
+
{
|
|
5622
|
+
"value": "#656a76",
|
|
5623
|
+
"type": "color",
|
|
5624
|
+
"group": "components",
|
|
5625
|
+
"original": {
|
|
5626
|
+
"value": "#656a76",
|
|
5627
|
+
"type": "color",
|
|
5628
|
+
"group": "components"
|
|
5629
|
+
},
|
|
5630
|
+
"name": "token-side-nav-wrapper-border-color",
|
|
5631
|
+
"attributes": {
|
|
5632
|
+
"category": "side-nav",
|
|
5633
|
+
"type": "wrapper",
|
|
5634
|
+
"item": "border",
|
|
5635
|
+
"subitem": "color"
|
|
5636
|
+
},
|
|
5637
|
+
"path": [
|
|
5638
|
+
"side-nav",
|
|
5639
|
+
"wrapper",
|
|
5640
|
+
"border",
|
|
5641
|
+
"color"
|
|
5642
|
+
]
|
|
5643
|
+
},
|
|
5600
5644
|
{
|
|
5601
5645
|
"value": "16px",
|
|
5602
5646
|
"type": "size",
|
|
@@ -5639,6 +5683,69 @@
|
|
|
5639
5683
|
"vertical"
|
|
5640
5684
|
]
|
|
5641
5685
|
},
|
|
5686
|
+
{
|
|
5687
|
+
"value": "8px",
|
|
5688
|
+
"type": "size",
|
|
5689
|
+
"original": {
|
|
5690
|
+
"value": "8",
|
|
5691
|
+
"type": "size"
|
|
5692
|
+
},
|
|
5693
|
+
"name": "token-side-nav-wrapper-padding-horizontal-minimized",
|
|
5694
|
+
"attributes": {
|
|
5695
|
+
"category": "side-nav",
|
|
5696
|
+
"type": "wrapper",
|
|
5697
|
+
"item": "padding",
|
|
5698
|
+
"subitem": "horizontal-minimized"
|
|
5699
|
+
},
|
|
5700
|
+
"path": [
|
|
5701
|
+
"side-nav",
|
|
5702
|
+
"wrapper",
|
|
5703
|
+
"padding",
|
|
5704
|
+
"horizontal-minimized"
|
|
5705
|
+
]
|
|
5706
|
+
},
|
|
5707
|
+
{
|
|
5708
|
+
"value": "22px",
|
|
5709
|
+
"type": "size",
|
|
5710
|
+
"original": {
|
|
5711
|
+
"value": "22",
|
|
5712
|
+
"type": "size"
|
|
5713
|
+
},
|
|
5714
|
+
"name": "token-side-nav-wrapper-padding-vertical-minimized",
|
|
5715
|
+
"attributes": {
|
|
5716
|
+
"category": "side-nav",
|
|
5717
|
+
"type": "wrapper",
|
|
5718
|
+
"item": "padding",
|
|
5719
|
+
"subitem": "vertical-minimized"
|
|
5720
|
+
},
|
|
5721
|
+
"path": [
|
|
5722
|
+
"side-nav",
|
|
5723
|
+
"wrapper",
|
|
5724
|
+
"padding",
|
|
5725
|
+
"vertical-minimized"
|
|
5726
|
+
]
|
|
5727
|
+
},
|
|
5728
|
+
{
|
|
5729
|
+
"value": "5px",
|
|
5730
|
+
"type": "size",
|
|
5731
|
+
"original": {
|
|
5732
|
+
"value": "5",
|
|
5733
|
+
"type": "size"
|
|
5734
|
+
},
|
|
5735
|
+
"name": "token-side-nav-toggle-button-border-radius",
|
|
5736
|
+
"attributes": {
|
|
5737
|
+
"category": "side-nav",
|
|
5738
|
+
"type": "toggle-button",
|
|
5739
|
+
"item": "border",
|
|
5740
|
+
"subitem": "radius"
|
|
5741
|
+
},
|
|
5742
|
+
"path": [
|
|
5743
|
+
"side-nav",
|
|
5744
|
+
"toggle-button",
|
|
5745
|
+
"border",
|
|
5746
|
+
"radius"
|
|
5747
|
+
]
|
|
5748
|
+
},
|
|
5642
5749
|
{
|
|
5643
5750
|
"value": "4px",
|
|
5644
5751
|
"type": "size",
|
|
@@ -5681,6 +5788,27 @@
|
|
|
5681
5788
|
"logo-size"
|
|
5682
5789
|
]
|
|
5683
5790
|
},
|
|
5791
|
+
{
|
|
5792
|
+
"value": "32px",
|
|
5793
|
+
"type": "size",
|
|
5794
|
+
"original": {
|
|
5795
|
+
"value": "32",
|
|
5796
|
+
"type": "size"
|
|
5797
|
+
},
|
|
5798
|
+
"name": "token-side-nav-header-home-link-logo-size-minimized",
|
|
5799
|
+
"attributes": {
|
|
5800
|
+
"category": "side-nav",
|
|
5801
|
+
"type": "header",
|
|
5802
|
+
"item": "home-link",
|
|
5803
|
+
"subitem": "logo-size-minimized"
|
|
5804
|
+
},
|
|
5805
|
+
"path": [
|
|
5806
|
+
"side-nav",
|
|
5807
|
+
"header",
|
|
5808
|
+
"home-link",
|
|
5809
|
+
"logo-size-minimized"
|
|
5810
|
+
]
|
|
5811
|
+
},
|
|
5684
5812
|
{
|
|
5685
5813
|
"value": "8px",
|
|
5686
5814
|
"type": "size",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 29 Sep 2023 09:55:35 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -262,10 +262,16 @@
|
|
|
262
262
|
--token-pagination-nav-indicator-spacing: 6px;
|
|
263
263
|
--token-pagination-child-spacing-vertical: 8px;
|
|
264
264
|
--token-pagination-child-spacing-horizontal: 20px;
|
|
265
|
+
--token-side-nav-wrapper-border-width: 1px;
|
|
266
|
+
--token-side-nav-wrapper-border-color: #656a76;
|
|
265
267
|
--token-side-nav-wrapper-padding-horizontal: 16px;
|
|
266
268
|
--token-side-nav-wrapper-padding-vertical: 16px;
|
|
269
|
+
--token-side-nav-wrapper-padding-horizontal-minimized: 8px;
|
|
270
|
+
--token-side-nav-wrapper-padding-vertical-minimized: 22px;
|
|
271
|
+
--token-side-nav-toggle-button-border-radius: 5px;
|
|
267
272
|
--token-side-nav-header-home-link-padding: 4px;
|
|
268
273
|
--token-side-nav-header-home-link-logo-size: 48px;
|
|
274
|
+
--token-side-nav-header-home-link-logo-size-minimized: 32px;
|
|
269
275
|
--token-side-nav-header-actions-spacing: 8px;
|
|
270
276
|
--token-side-nav-body-list-margin-vertical: 24px;
|
|
271
277
|
--token-side-nav-body-list-item-height: 36px;
|
|
@@ -6339,6 +6339,56 @@
|
|
|
6339
6339
|
},
|
|
6340
6340
|
"side-nav": {
|
|
6341
6341
|
"wrapper": {
|
|
6342
|
+
"border": {
|
|
6343
|
+
"width": {
|
|
6344
|
+
"value": "1px",
|
|
6345
|
+
"type": "size",
|
|
6346
|
+
"filePath": "src/products/shared/side-nav.json",
|
|
6347
|
+
"isSource": true,
|
|
6348
|
+
"original": {
|
|
6349
|
+
"value": "1",
|
|
6350
|
+
"type": "size"
|
|
6351
|
+
},
|
|
6352
|
+
"name": "token-side-nav-wrapper-border-width",
|
|
6353
|
+
"attributes": {
|
|
6354
|
+
"category": "side-nav",
|
|
6355
|
+
"type": "wrapper",
|
|
6356
|
+
"item": "border",
|
|
6357
|
+
"subitem": "width"
|
|
6358
|
+
},
|
|
6359
|
+
"path": [
|
|
6360
|
+
"side-nav",
|
|
6361
|
+
"wrapper",
|
|
6362
|
+
"border",
|
|
6363
|
+
"width"
|
|
6364
|
+
]
|
|
6365
|
+
},
|
|
6366
|
+
"color": {
|
|
6367
|
+
"value": "#656a76",
|
|
6368
|
+
"type": "color",
|
|
6369
|
+
"group": "components",
|
|
6370
|
+
"filePath": "src/products/shared/side-nav.json",
|
|
6371
|
+
"isSource": true,
|
|
6372
|
+
"original": {
|
|
6373
|
+
"value": "#656a76",
|
|
6374
|
+
"type": "color",
|
|
6375
|
+
"group": "components"
|
|
6376
|
+
},
|
|
6377
|
+
"name": "token-side-nav-wrapper-border-color",
|
|
6378
|
+
"attributes": {
|
|
6379
|
+
"category": "side-nav",
|
|
6380
|
+
"type": "wrapper",
|
|
6381
|
+
"item": "border",
|
|
6382
|
+
"subitem": "color"
|
|
6383
|
+
},
|
|
6384
|
+
"path": [
|
|
6385
|
+
"side-nav",
|
|
6386
|
+
"wrapper",
|
|
6387
|
+
"border",
|
|
6388
|
+
"color"
|
|
6389
|
+
]
|
|
6390
|
+
}
|
|
6391
|
+
},
|
|
6342
6392
|
"padding": {
|
|
6343
6393
|
"horizontal": {
|
|
6344
6394
|
"value": "16px",
|
|
@@ -6385,6 +6435,79 @@
|
|
|
6385
6435
|
"padding",
|
|
6386
6436
|
"vertical"
|
|
6387
6437
|
]
|
|
6438
|
+
},
|
|
6439
|
+
"horizontal-minimized": {
|
|
6440
|
+
"value": "8px",
|
|
6441
|
+
"type": "size",
|
|
6442
|
+
"filePath": "src/products/shared/side-nav.json",
|
|
6443
|
+
"isSource": true,
|
|
6444
|
+
"original": {
|
|
6445
|
+
"value": "8",
|
|
6446
|
+
"type": "size"
|
|
6447
|
+
},
|
|
6448
|
+
"name": "token-side-nav-wrapper-padding-horizontal-minimized",
|
|
6449
|
+
"attributes": {
|
|
6450
|
+
"category": "side-nav",
|
|
6451
|
+
"type": "wrapper",
|
|
6452
|
+
"item": "padding",
|
|
6453
|
+
"subitem": "horizontal-minimized"
|
|
6454
|
+
},
|
|
6455
|
+
"path": [
|
|
6456
|
+
"side-nav",
|
|
6457
|
+
"wrapper",
|
|
6458
|
+
"padding",
|
|
6459
|
+
"horizontal-minimized"
|
|
6460
|
+
]
|
|
6461
|
+
},
|
|
6462
|
+
"vertical-minimized": {
|
|
6463
|
+
"value": "22px",
|
|
6464
|
+
"type": "size",
|
|
6465
|
+
"filePath": "src/products/shared/side-nav.json",
|
|
6466
|
+
"isSource": true,
|
|
6467
|
+
"original": {
|
|
6468
|
+
"value": "22",
|
|
6469
|
+
"type": "size"
|
|
6470
|
+
},
|
|
6471
|
+
"name": "token-side-nav-wrapper-padding-vertical-minimized",
|
|
6472
|
+
"attributes": {
|
|
6473
|
+
"category": "side-nav",
|
|
6474
|
+
"type": "wrapper",
|
|
6475
|
+
"item": "padding",
|
|
6476
|
+
"subitem": "vertical-minimized"
|
|
6477
|
+
},
|
|
6478
|
+
"path": [
|
|
6479
|
+
"side-nav",
|
|
6480
|
+
"wrapper",
|
|
6481
|
+
"padding",
|
|
6482
|
+
"vertical-minimized"
|
|
6483
|
+
]
|
|
6484
|
+
}
|
|
6485
|
+
}
|
|
6486
|
+
},
|
|
6487
|
+
"toggle-button": {
|
|
6488
|
+
"border": {
|
|
6489
|
+
"radius": {
|
|
6490
|
+
"value": "5px",
|
|
6491
|
+
"type": "size",
|
|
6492
|
+
"filePath": "src/products/shared/side-nav.json",
|
|
6493
|
+
"isSource": true,
|
|
6494
|
+
"original": {
|
|
6495
|
+
"value": "5",
|
|
6496
|
+
"type": "size"
|
|
6497
|
+
},
|
|
6498
|
+
"name": "token-side-nav-toggle-button-border-radius",
|
|
6499
|
+
"attributes": {
|
|
6500
|
+
"category": "side-nav",
|
|
6501
|
+
"type": "toggle-button",
|
|
6502
|
+
"item": "border",
|
|
6503
|
+
"subitem": "radius"
|
|
6504
|
+
},
|
|
6505
|
+
"path": [
|
|
6506
|
+
"side-nav",
|
|
6507
|
+
"toggle-button",
|
|
6508
|
+
"border",
|
|
6509
|
+
"radius"
|
|
6510
|
+
]
|
|
6388
6511
|
}
|
|
6389
6512
|
}
|
|
6390
6513
|
},
|
|
@@ -6435,6 +6558,29 @@
|
|
|
6435
6558
|
"home-link",
|
|
6436
6559
|
"logo-size"
|
|
6437
6560
|
]
|
|
6561
|
+
},
|
|
6562
|
+
"logo-size-minimized": {
|
|
6563
|
+
"value": "32px",
|
|
6564
|
+
"type": "size",
|
|
6565
|
+
"filePath": "src/products/shared/side-nav.json",
|
|
6566
|
+
"isSource": true,
|
|
6567
|
+
"original": {
|
|
6568
|
+
"value": "32",
|
|
6569
|
+
"type": "size"
|
|
6570
|
+
},
|
|
6571
|
+
"name": "token-side-nav-header-home-link-logo-size-minimized",
|
|
6572
|
+
"attributes": {
|
|
6573
|
+
"category": "side-nav",
|
|
6574
|
+
"type": "header",
|
|
6575
|
+
"item": "home-link",
|
|
6576
|
+
"subitem": "logo-size-minimized"
|
|
6577
|
+
},
|
|
6578
|
+
"path": [
|
|
6579
|
+
"side-nav",
|
|
6580
|
+
"header",
|
|
6581
|
+
"home-link",
|
|
6582
|
+
"logo-size-minimized"
|
|
6583
|
+
]
|
|
6438
6584
|
}
|
|
6439
6585
|
},
|
|
6440
6586
|
"actions": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 29 Sep 2023 09:55:35 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -262,10 +262,16 @@
|
|
|
262
262
|
--token-pagination-nav-indicator-spacing: 6px;
|
|
263
263
|
--token-pagination-child-spacing-vertical: 8px;
|
|
264
264
|
--token-pagination-child-spacing-horizontal: 20px;
|
|
265
|
+
--token-side-nav-wrapper-border-width: 1px;
|
|
266
|
+
--token-side-nav-wrapper-border-color: #656a76;
|
|
265
267
|
--token-side-nav-wrapper-padding-horizontal: 16px;
|
|
266
268
|
--token-side-nav-wrapper-padding-vertical: 16px;
|
|
269
|
+
--token-side-nav-wrapper-padding-horizontal-minimized: 8px;
|
|
270
|
+
--token-side-nav-wrapper-padding-vertical-minimized: 22px;
|
|
271
|
+
--token-side-nav-toggle-button-border-radius: 5px;
|
|
267
272
|
--token-side-nav-header-home-link-padding: 4px;
|
|
268
273
|
--token-side-nav-header-home-link-logo-size: 48px;
|
|
274
|
+
--token-side-nav-header-home-link-logo-size-minimized: 32px;
|
|
269
275
|
--token-side-nav-header-actions-spacing: 8px;
|
|
270
276
|
--token-side-nav-body-list-margin-vertical: 24px;
|
|
271
277
|
--token-side-nav-body-list-item-height: 36px;
|