@hashicorp/design-system-tokens 1.3.1 → 1.4.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.
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 +9 -1
  7. package/dist/docs/devdot/tokens.json +170 -0
  8. package/dist/docs/products/tokens.json +170 -0
  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 +9 -1
  14. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @hashicorp/design-system-tokens
2
2
 
3
+ ## 1.4.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#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.
8
+ - Fix bug with --token-pagination-child-spacing-vertical value so that it adds "px" unit.
9
+
10
+ ## 1.4.0
11
+
12
+ ### Minor Changes
13
+
14
+ - [#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
15
+
3
16
  ## 1.3.1
4
17
 
5
18
  ### Patch Changes
package/dist/devdot/css/helpers/color.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 30 Nov 2022 15:22:24 GMT
3
+ * Generated on Tue, 14 Feb 2023 00:14:16 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 Wed, 30 Nov 2022 15:22:24 GMT
3
+ * Generated on Tue, 14 Feb 2023 00:14:16 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 Wed, 30 Nov 2022 15:22:24 GMT
3
+ * Generated on Tue, 14 Feb 2023 00:14:16 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 Wed, 30 Nov 2022 15:22:24 GMT
3
+ * Generated on Tue, 14 Feb 2023 00:14:16 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 Wed, 30 Nov 2022 15:22:24 GMT
3
+ * Generated on Tue, 14 Feb 2023 00:14:16 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -246,6 +246,14 @@
246
246
  --token-form-toggle-transition-duration: 0.2s;
247
247
  --token-form-toggle-transition-timing-function: cubic-bezier(0.68, -0.2, 0.265, 1.15);
248
248
  --token-form-toggle-thumb-size: 16px;
249
+ --token-pagination-nav-control-height: 36px;
250
+ --token-pagination-nav-control-padding-horizontal: 12px;
251
+ --token-pagination-nav-control-focus-inset: 4px;
252
+ --token-pagination-nav-control-icon-spacing: 6px;
253
+ --token-pagination-nav-indicator-height: 2px;
254
+ --token-pagination-nav-indicator-spacing: 6px;
255
+ --token-pagination-child-spacing-vertical: 8px;
256
+ --token-pagination-child-spacing-horizontal: 20px;
249
257
  --token-tabs-tab-height: 36px;
250
258
  --token-tabs-tab-padding-horizontal: 12px;
251
259
  --token-tabs-tab-padding-vertical: 0px;
package/dist/docs/devdot/tokens.json CHANGED
@@ -5243,6 +5243,176 @@
5243
5243
  "thumb-size"
5244
5244
  ]
5245
5245
  },
5246
+ {
5247
+ "value": "36px",
5248
+ "type": "size",
5249
+ "original": {
5250
+ "value": "36",
5251
+ "type": "size"
5252
+ },
5253
+ "name": "token-pagination-nav-control-height",
5254
+ "attributes": {
5255
+ "category": "pagination",
5256
+ "type": "nav",
5257
+ "item": "control",
5258
+ "subitem": "height"
5259
+ },
5260
+ "path": [
5261
+ "pagination",
5262
+ "nav",
5263
+ "control",
5264
+ "height"
5265
+ ]
5266
+ },
5267
+ {
5268
+ "value": "12px",
5269
+ "type": "size",
5270
+ "original": {
5271
+ "value": "12",
5272
+ "type": "size"
5273
+ },
5274
+ "name": "token-pagination-nav-control-padding-horizontal",
5275
+ "attributes": {
5276
+ "category": "pagination",
5277
+ "type": "nav",
5278
+ "item": "control",
5279
+ "subitem": "padding",
5280
+ "state": "horizontal"
5281
+ },
5282
+ "path": [
5283
+ "pagination",
5284
+ "nav",
5285
+ "control",
5286
+ "padding",
5287
+ "horizontal"
5288
+ ]
5289
+ },
5290
+ {
5291
+ "value": "4px",
5292
+ "type": "size",
5293
+ "original": {
5294
+ "value": "4",
5295
+ "type": "size"
5296
+ },
5297
+ "name": "token-pagination-nav-control-focus-inset",
5298
+ "attributes": {
5299
+ "category": "pagination",
5300
+ "type": "nav",
5301
+ "item": "control",
5302
+ "subitem": "focus-inset"
5303
+ },
5304
+ "path": [
5305
+ "pagination",
5306
+ "nav",
5307
+ "control",
5308
+ "focus-inset"
5309
+ ]
5310
+ },
5311
+ {
5312
+ "value": "6px",
5313
+ "type": "size",
5314
+ "original": {
5315
+ "value": "6",
5316
+ "type": "size"
5317
+ },
5318
+ "name": "token-pagination-nav-control-icon-spacing",
5319
+ "attributes": {
5320
+ "category": "pagination",
5321
+ "type": "nav",
5322
+ "item": "control",
5323
+ "subitem": "icon-spacing"
5324
+ },
5325
+ "path": [
5326
+ "pagination",
5327
+ "nav",
5328
+ "control",
5329
+ "icon-spacing"
5330
+ ]
5331
+ },
5332
+ {
5333
+ "value": "2px",
5334
+ "type": "size",
5335
+ "original": {
5336
+ "value": "2",
5337
+ "type": "size"
5338
+ },
5339
+ "name": "token-pagination-nav-indicator-height",
5340
+ "attributes": {
5341
+ "category": "pagination",
5342
+ "type": "nav",
5343
+ "item": "indicator",
5344
+ "subitem": "height"
5345
+ },
5346
+ "path": [
5347
+ "pagination",
5348
+ "nav",
5349
+ "indicator",
5350
+ "height"
5351
+ ]
5352
+ },
5353
+ {
5354
+ "value": "6px",
5355
+ "type": "size",
5356
+ "original": {
5357
+ "value": "6",
5358
+ "type": "size"
5359
+ },
5360
+ "name": "token-pagination-nav-indicator-spacing",
5361
+ "attributes": {
5362
+ "category": "pagination",
5363
+ "type": "nav",
5364
+ "item": "indicator",
5365
+ "subitem": "spacing"
5366
+ },
5367
+ "path": [
5368
+ "pagination",
5369
+ "nav",
5370
+ "indicator",
5371
+ "spacing"
5372
+ ]
5373
+ },
5374
+ {
5375
+ "value": "8px",
5376
+ "type": "size",
5377
+ "original": {
5378
+ "value": "8",
5379
+ "type": "size"
5380
+ },
5381
+ "name": "token-pagination-child-spacing-vertical",
5382
+ "attributes": {
5383
+ "category": "pagination",
5384
+ "type": "child",
5385
+ "item": "spacing",
5386
+ "subitem": "vertical"
5387
+ },
5388
+ "path": [
5389
+ "pagination",
5390
+ "child",
5391
+ "spacing",
5392
+ "vertical"
5393
+ ]
5394
+ },
5395
+ {
5396
+ "value": "20px",
5397
+ "type": "size",
5398
+ "original": {
5399
+ "value": "20",
5400
+ "type": "size"
5401
+ },
5402
+ "name": "token-pagination-child-spacing-horizontal",
5403
+ "attributes": {
5404
+ "category": "pagination",
5405
+ "type": "child",
5406
+ "item": "spacing",
5407
+ "subitem": "horizontal"
5408
+ },
5409
+ "path": [
5410
+ "pagination",
5411
+ "child",
5412
+ "spacing",
5413
+ "horizontal"
5414
+ ]
5415
+ },
5246
5416
  {
5247
5417
  "value": "36px",
5248
5418
  "type": "size",
package/dist/docs/products/tokens.json CHANGED
@@ -5197,6 +5197,176 @@
5197
5197
  "thumb-size"
5198
5198
  ]
5199
5199
  },
5200
+ {
5201
+ "value": "36px",
5202
+ "type": "size",
5203
+ "original": {
5204
+ "value": "36",
5205
+ "type": "size"
5206
+ },
5207
+ "name": "token-pagination-nav-control-height",
5208
+ "attributes": {
5209
+ "category": "pagination",
5210
+ "type": "nav",
5211
+ "item": "control",
5212
+ "subitem": "height"
5213
+ },
5214
+ "path": [
5215
+ "pagination",
5216
+ "nav",
5217
+ "control",
5218
+ "height"
5219
+ ]
5220
+ },
5221
+ {
5222
+ "value": "12px",
5223
+ "type": "size",
5224
+ "original": {
5225
+ "value": "12",
5226
+ "type": "size"
5227
+ },
5228
+ "name": "token-pagination-nav-control-padding-horizontal",
5229
+ "attributes": {
5230
+ "category": "pagination",
5231
+ "type": "nav",
5232
+ "item": "control",
5233
+ "subitem": "padding",
5234
+ "state": "horizontal"
5235
+ },
5236
+ "path": [
5237
+ "pagination",
5238
+ "nav",
5239
+ "control",
5240
+ "padding",
5241
+ "horizontal"
5242
+ ]
5243
+ },
5244
+ {
5245
+ "value": "4px",
5246
+ "type": "size",
5247
+ "original": {
5248
+ "value": "4",
5249
+ "type": "size"
5250
+ },
5251
+ "name": "token-pagination-nav-control-focus-inset",
5252
+ "attributes": {
5253
+ "category": "pagination",
5254
+ "type": "nav",
5255
+ "item": "control",
5256
+ "subitem": "focus-inset"
5257
+ },
5258
+ "path": [
5259
+ "pagination",
5260
+ "nav",
5261
+ "control",
5262
+ "focus-inset"
5263
+ ]
5264
+ },
5265
+ {
5266
+ "value": "6px",
5267
+ "type": "size",
5268
+ "original": {
5269
+ "value": "6",
5270
+ "type": "size"
5271
+ },
5272
+ "name": "token-pagination-nav-control-icon-spacing",
5273
+ "attributes": {
5274
+ "category": "pagination",
5275
+ "type": "nav",
5276
+ "item": "control",
5277
+ "subitem": "icon-spacing"
5278
+ },
5279
+ "path": [
5280
+ "pagination",
5281
+ "nav",
5282
+ "control",
5283
+ "icon-spacing"
5284
+ ]
5285
+ },
5286
+ {
5287
+ "value": "2px",
5288
+ "type": "size",
5289
+ "original": {
5290
+ "value": "2",
5291
+ "type": "size"
5292
+ },
5293
+ "name": "token-pagination-nav-indicator-height",
5294
+ "attributes": {
5295
+ "category": "pagination",
5296
+ "type": "nav",
5297
+ "item": "indicator",
5298
+ "subitem": "height"
5299
+ },
5300
+ "path": [
5301
+ "pagination",
5302
+ "nav",
5303
+ "indicator",
5304
+ "height"
5305
+ ]
5306
+ },
5307
+ {
5308
+ "value": "6px",
5309
+ "type": "size",
5310
+ "original": {
5311
+ "value": "6",
5312
+ "type": "size"
5313
+ },
5314
+ "name": "token-pagination-nav-indicator-spacing",
5315
+ "attributes": {
5316
+ "category": "pagination",
5317
+ "type": "nav",
5318
+ "item": "indicator",
5319
+ "subitem": "spacing"
5320
+ },
5321
+ "path": [
5322
+ "pagination",
5323
+ "nav",
5324
+ "indicator",
5325
+ "spacing"
5326
+ ]
5327
+ },
5328
+ {
5329
+ "value": "8px",
5330
+ "type": "size",
5331
+ "original": {
5332
+ "value": "8",
5333
+ "type": "size"
5334
+ },
5335
+ "name": "token-pagination-child-spacing-vertical",
5336
+ "attributes": {
5337
+ "category": "pagination",
5338
+ "type": "child",
5339
+ "item": "spacing",
5340
+ "subitem": "vertical"
5341
+ },
5342
+ "path": [
5343
+ "pagination",
5344
+ "child",
5345
+ "spacing",
5346
+ "vertical"
5347
+ ]
5348
+ },
5349
+ {
5350
+ "value": "20px",
5351
+ "type": "size",
5352
+ "original": {
5353
+ "value": "20",
5354
+ "type": "size"
5355
+ },
5356
+ "name": "token-pagination-child-spacing-horizontal",
5357
+ "attributes": {
5358
+ "category": "pagination",
5359
+ "type": "child",
5360
+ "item": "spacing",
5361
+ "subitem": "horizontal"
5362
+ },
5363
+ "path": [
5364
+ "pagination",
5365
+ "child",
5366
+ "spacing",
5367
+ "horizontal"
5368
+ ]
5369
+ },
5200
5370
  {
5201
5371
  "value": "36px",
5202
5372
  "type": "size",
package/dist/products/css/helpers/color.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 30 Nov 2022 15:22:24 GMT
3
+ * Generated on Tue, 14 Feb 2023 00:14:16 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 Wed, 30 Nov 2022 15:22:24 GMT
3
+ * Generated on Tue, 14 Feb 2023 00:14:16 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 Wed, 30 Nov 2022 15:22:24 GMT
3
+ * Generated on Tue, 14 Feb 2023 00:14:16 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 Wed, 30 Nov 2022 15:22:24 GMT
3
+ * Generated on Tue, 14 Feb 2023 00:14:16 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 Wed, 30 Nov 2022 15:22:24 GMT
3
+ * Generated on Tue, 14 Feb 2023 00:14:16 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -244,6 +244,14 @@
244
244
  --token-form-toggle-transition-duration: 0.2s;
245
245
  --token-form-toggle-transition-timing-function: cubic-bezier(0.68, -0.2, 0.265, 1.15);
246
246
  --token-form-toggle-thumb-size: 16px;
247
+ --token-pagination-nav-control-height: 36px;
248
+ --token-pagination-nav-control-padding-horizontal: 12px;
249
+ --token-pagination-nav-control-focus-inset: 4px;
250
+ --token-pagination-nav-control-icon-spacing: 6px;
251
+ --token-pagination-nav-indicator-height: 2px;
252
+ --token-pagination-nav-indicator-spacing: 6px;
253
+ --token-pagination-child-spacing-vertical: 8px;
254
+ --token-pagination-child-spacing-horizontal: 20px;
247
255
  --token-tabs-tab-height: 36px;
248
256
  --token-tabs-tab-padding-horizontal: 12px;
249
257
  --token-tabs-tab-padding-vertical: 0px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/design-system-tokens",
3
- "version": "1.3.1",
3
+ "version": "1.4.1",
4
4
  "description": "Helios Design Tokens",
5
5
  "keywords": [
6
6
  "hashicorp",
@@ -22,12 +22,12 @@
22
22
  "build": "ts-node --transpile-only ./scripts/build"
23
23
  },
24
24
  "devDependencies": {
25
- "@types/fs-extra": "^8.1.0",
26
- "@types/lodash": "^4.14.149",
27
- "@types/node": "^13.7.1",
25
+ "@types/fs-extra": "^8.1.2",
26
+ "@types/lodash": "^4.14.191",
27
+ "@types/node": "^13.13.52",
28
28
  "@types/tinycolor2": "^1.4.3",
29
- "@typescript-eslint/eslint-plugin": "^4.31.0",
30
- "@typescript-eslint/parser": "^4.31.0",
29
+ "@typescript-eslint/eslint-plugin": "^4.33.0",
30
+ "@typescript-eslint/parser": "^4.33.0",
31
31
  "del": "^5.1.0",
32
32
  "eslint": "^7.32.0",
33
33
  "fs-extra": "^10.0.0",
@@ -35,7 +35,7 @@
35
35
  "path": "^0.12.7",
36
36
  "style-dictionary": "^3.0.3",
37
37
  "tinycolor2": "^1.4.2",
38
- "ts-node": "^9.0.0",
39
- "typescript": "^4.1.2"
38
+ "ts-node": "^9.1.1",
39
+ "typescript": "^4.9.5"
40
40
  }
41
41
  }