@pantheon-systems/pds-design-tokens 2.0.0-alpha.56 → 2.0.0-alpha.57

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 (4) hide show
  1. package/build/css/variables.dark.css +6 -2
  2. package/build/css/variables.light.css +4 -0
  3. package/build/figma/tokens.json +118 -2
  4. package/package.json +1 -1
package/build/css/variables.dark.css CHANGED
@@ -314,16 +314,20 @@
314
314
  --pds-color-dropdown-item-background-active: var(--pds-color-interactive-background-active);
315
315
  --pds-color-dropdown-item-background-selected: var(--pds-color-interactive-background-hover);
316
316
  --pds-color-dropdown-top-border: rgba(255, 255, 255, 0.00);
317
+ --pds-color-dropdown-separator: oklch(0.4091 0 0);
317
318
  --pds-color-foreground-default: oklch(0.9702 0 0);
318
319
  --pds-color-foreground-default-secondary: oklch(0.8452 0 0);
319
320
  --pds-color-foreground-reverse: oklch(0.2178 0 0);
320
321
  --pds-color-foreground-reverse-secondary: oklch(0.5173 0 0);
322
+ --pds-color-highlight-background: oklch(0.55 0.115 65);
323
+ --pds-color-highlight-foreground: oklch(0.9673 0 0);
321
324
  --pds-color-input-placeholder: oklch(0.6830 0 0);
322
325
  --pds-color-input-file-upload-button-background-default: oklch(0.2931 0 0);
323
326
  --pds-color-input-file-upload-button-background-hover: oklch(0.3329 0 0);
324
327
  --pds-color-input-selected-background: oklch(0.7049 0.1468 258.30);
325
- --pds-color-input-selected-foreground: oklch(1.0000 0 0);
326
- --pds-color-input-switch-icon: oklch(0.8452 0 0);
328
+ --pds-color-input-selected-foreground: oklch(0.2178 0 0);
329
+ --pds-color-input-switch-icon: oklch(0.2178 0 0);
330
+ --pds-color-input-switch-background: oklch(0.6830 0 0);
327
331
  --pds-color-input-tag-background-default: oklch(0.38 0 0);
328
332
  --pds-color-input-tag-background-hover: oklch(0.32 0 0);
329
333
  --pds-color-input-tag-background-active: oklch(0.7049 0.1468 258.30);
package/build/css/variables.light.css CHANGED
@@ -314,16 +314,20 @@
314
314
  --pds-color-dropdown-item-background-active: var(--pds-color-interactive-background-active);
315
315
  --pds-color-dropdown-item-background-selected: var(--pds-color-interactive-background-hover);
316
316
  --pds-color-dropdown-top-border: #dfdfdf;
317
+ --pds-color-dropdown-separator: oklch(0.9430 0 0);
317
318
  --pds-color-foreground-default: oklch(0.2178 0 0);
318
319
  --pds-color-foreground-default-secondary: oklch(0.5550 0.0020 247.86);
319
320
  --pds-color-foreground-reverse: oklch(1.0000 0 0);
320
321
  --pds-color-foreground-reverse-secondary: oklch(0.8452 0 0);
322
+ --pds-color-highlight-background: oklch(0.9 0.13 72);
323
+ --pds-color-highlight-foreground: oklch(0.2178 0 0);
321
324
  --pds-color-input-placeholder: oklch(0.8047 0 0);
322
325
  --pds-color-input-file-upload-button-background-default: oklch(0.9702 0 0);
323
326
  --pds-color-input-file-upload-button-background-hover: oklch(0.9430 0 0);
324
327
  --pds-color-input-selected-background: oklch(0.5256 0.1988 268.04);
325
328
  --pds-color-input-selected-foreground: oklch(1.0000 0 0);
326
329
  --pds-color-input-switch-icon: oklch(1.0000 0 0);
330
+ --pds-color-input-switch-background: oklch(0.5550 0.0020 247.86);
327
331
  --pds-color-input-tag-background-default: oklch(0.907 0 0);
328
332
  --pds-color-input-tag-background-hover: oklch(0.87 0 0);
329
333
  --pds-color-input-tag-background-active: oklch(0.9559 0.0143 308.29);
package/build/figma/tokens.json CHANGED
@@ -4409,6 +4409,20 @@
4409
4409
  }
4410
4410
  }
4411
4411
  }
4412
+ },
4413
+ "separator": {
4414
+ "value": "{color.light-mode.neutral.300}",
4415
+ "type": "color",
4416
+ "$extensions": {
4417
+ "public": true,
4418
+ "resolveValue": true,
4419
+ "com.figma": {
4420
+ "exportAs": "variable",
4421
+ "codeSyntax": {
4422
+ "WEB": "--pds-color-dropdown-separator"
4423
+ }
4424
+ }
4425
+ }
4412
4426
  }
4413
4427
  },
4414
4428
  "foreground": {
@@ -4469,6 +4483,36 @@
4469
4483
  }
4470
4484
  }
4471
4485
  },
4486
+ "highlight": {
4487
+ "background": {
4488
+ "value": "#ffd078",
4489
+ "type": "color",
4490
+ "$extensions": {
4491
+ "public": true,
4492
+ "resolveValue": true,
4493
+ "com.figma": {
4494
+ "exportAs": "variable",
4495
+ "codeSyntax": {
4496
+ "WEB": "--pds-color-highlight-background"
4497
+ }
4498
+ }
4499
+ }
4500
+ },
4501
+ "foreground": {
4502
+ "value": "#1a1a1a",
4503
+ "type": "color",
4504
+ "$extensions": {
4505
+ "public": true,
4506
+ "resolveValue": true,
4507
+ "com.figma": {
4508
+ "exportAs": "variable",
4509
+ "codeSyntax": {
4510
+ "WEB": "--pds-color-highlight-foreground"
4511
+ }
4512
+ }
4513
+ }
4514
+ }
4515
+ },
4472
4516
  "input": {
4473
4517
  "placeholder": {
4474
4518
  "value": "{color.light-mode.neutral.500}",
@@ -4562,6 +4606,20 @@
4562
4606
  }
4563
4607
  }
4564
4608
  }
4609
+ },
4610
+ "background": {
4611
+ "value": "{color.light-mode.neutral.700}",
4612
+ "type": "color",
4613
+ "$extensions": {
4614
+ "public": true,
4615
+ "resolveValue": true,
4616
+ "com.figma": {
4617
+ "exportAs": "variable",
4618
+ "codeSyntax": {
4619
+ "WEB": "--pds-color-input-switch-background"
4620
+ }
4621
+ }
4622
+ }
4565
4623
  }
4566
4624
  },
4567
4625
  "tag": {
@@ -12239,6 +12297,20 @@
12239
12297
  }
12240
12298
  }
12241
12299
  }
12300
+ },
12301
+ "separator": {
12302
+ "value": "{color.dark-mode.neutral.500}",
12303
+ "type": "color",
12304
+ "$extensions": {
12305
+ "public": true,
12306
+ "resolveValue": true,
12307
+ "com.figma": {
12308
+ "exportAs": "variable",
12309
+ "codeSyntax": {
12310
+ "WEB": "--pds-color-dropdown-separator"
12311
+ }
12312
+ }
12313
+ }
12242
12314
  }
12243
12315
  },
12244
12316
  "foreground": {
@@ -12299,6 +12371,36 @@
12299
12371
  }
12300
12372
  }
12301
12373
  },
12374
+ "highlight": {
12375
+ "background": {
12376
+ "value": "#9f6116",
12377
+ "type": "color",
12378
+ "$extensions": {
12379
+ "public": true,
12380
+ "resolveValue": true,
12381
+ "com.figma": {
12382
+ "exportAs": "variable",
12383
+ "codeSyntax": {
12384
+ "WEB": "--pds-color-highlight-background"
12385
+ }
12386
+ }
12387
+ }
12388
+ },
12389
+ "foreground": {
12390
+ "value": "#f4f4f4",
12391
+ "type": "color",
12392
+ "$extensions": {
12393
+ "public": true,
12394
+ "resolveValue": true,
12395
+ "com.figma": {
12396
+ "exportAs": "variable",
12397
+ "codeSyntax": {
12398
+ "WEB": "--pds-color-highlight-foreground"
12399
+ }
12400
+ }
12401
+ }
12402
+ }
12403
+ },
12302
12404
  "input": {
12303
12405
  "placeholder": {
12304
12406
  "value": "{color.dark-mode.neutral.700}",
@@ -12364,7 +12466,7 @@
12364
12466
  }
12365
12467
  },
12366
12468
  "foreground": {
12367
- "value": "#ffffff",
12469
+ "value": "{color.dark-mode.neutral.100}",
12368
12470
  "type": "color",
12369
12471
  "$extensions": {
12370
12472
  "public": true,
@@ -12380,7 +12482,7 @@
12380
12482
  },
12381
12483
  "switch": {
12382
12484
  "icon": {
12383
- "value": "{color.dark-mode.neutral.800}",
12485
+ "value": "{color.dark-mode.neutral.100}",
12384
12486
  "type": "color",
12385
12487
  "$extensions": {
12386
12488
  "public": true,
@@ -12392,6 +12494,20 @@
12392
12494
  }
12393
12495
  }
12394
12496
  }
12497
+ },
12498
+ "background": {
12499
+ "value": "{color.dark-mode.neutral.700}",
12500
+ "type": "color",
12501
+ "$extensions": {
12502
+ "public": true,
12503
+ "resolveValue": true,
12504
+ "com.figma": {
12505
+ "exportAs": "variable",
12506
+ "codeSyntax": {
12507
+ "WEB": "--pds-color-input-switch-background"
12508
+ }
12509
+ }
12510
+ }
12395
12511
  }
12396
12512
  },
12397
12513
  "tag": {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
3
  "description": "Design Tokens for the Pantheon Design System",
4
- "version": "2.0.0-alpha.56",
4
+ "version": "2.0.0-alpha.57",
5
5
  "publishConfig": {
6
6
  "access": "public",
7
7
  "registry": "https://registry.npmjs.org/",