@pantheon-systems/pds-design-tokens 1.0.0-dev.22 → 1.0.0-dev.23

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 (8) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +1 -0
  2. package/build/css/pds-design-tokens-light-mode.css +1 -0
  3. package/build/figma/pds-design-tokens-figma.json +54 -0
  4. package/build/json/pds-design-tokens-dark-mode.json +27 -0
  5. package/build/json/pds-design-tokens-light-mode.json +27 -0
  6. package/build/scss/_pds-design-tokens-dark-mode.scss +1 -0
  7. package/build/scss/_pds-design-tokens-light-mode.scss +1 -0
  8. package/package.json +1 -1
package/build/css/pds-design-tokens-dark-mode.css CHANGED
@@ -113,6 +113,7 @@
113
113
  --pds-color-text-overline: var(--pds-color-text-default-secondary);
114
114
  --pds-color-text-paragraph: var(--pds-color-text-default);
115
115
  --pds-color-text-quote: var(--pds-color-text-default-secondary);
116
+ --pds-color-tile-background-active: #858299;
116
117
  --pds-color-tile-background-hover: #504e62;
117
118
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
118
119
  --pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -113,6 +113,7 @@
113
113
  --pds-color-text-overline: var(--pds-color-text-default-secondary);
114
114
  --pds-color-text-paragraph: #23232d;
115
115
  --pds-color-text-quote: var(--pds-color-text-default-secondary);
116
+ --pds-color-tile-background-active: #cfcfd3;
116
117
  --pds-color-tile-background-hover: #f1f1f1;
117
118
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
118
119
  --pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -4314,6 +4314,33 @@
4314
4314
  "background",
4315
4315
  "hover"
4316
4316
  ]
4317
+ },
4318
+ "active": {
4319
+ "value": "#858299",
4320
+ "public": true,
4321
+ "isReferenceToInternal": true,
4322
+ "filePath": "tokens/color/alias/tile.dark.json",
4323
+ "isSource": true,
4324
+ "original": {
4325
+ "value": "{color.dark-mode.neutral.300.value}",
4326
+ "public": true,
4327
+ "isReferenceToInternal": true
4328
+ },
4329
+ "name": "color-dark-mode-tile-background-active",
4330
+ "attributes": {
4331
+ "category": "color",
4332
+ "type": "dark-mode",
4333
+ "item": "tile",
4334
+ "subitem": "background",
4335
+ "state": "active"
4336
+ },
4337
+ "path": [
4338
+ "color",
4339
+ "dark-mode",
4340
+ "tile",
4341
+ "background",
4342
+ "active"
4343
+ ]
4317
4344
  }
4318
4345
  }
4319
4346
  },
@@ -8577,6 +8604,33 @@
8577
8604
  "background",
8578
8605
  "hover"
8579
8606
  ]
8607
+ },
8608
+ "active": {
8609
+ "value": "#cfcfd3",
8610
+ "public": true,
8611
+ "isReferenceToInternal": true,
8612
+ "filePath": "tokens/color/alias/tile.light.json",
8613
+ "isSource": true,
8614
+ "original": {
8615
+ "value": "{color.light-mode.neutral.200.value}",
8616
+ "public": true,
8617
+ "isReferenceToInternal": true
8618
+ },
8619
+ "name": "color-light-mode-tile-background-active",
8620
+ "attributes": {
8621
+ "category": "color",
8622
+ "type": "light-mode",
8623
+ "item": "tile",
8624
+ "subitem": "background",
8625
+ "state": "active"
8626
+ },
8627
+ "path": [
8628
+ "color",
8629
+ "light-mode",
8630
+ "tile",
8631
+ "background",
8632
+ "active"
8633
+ ]
8580
8634
  }
8581
8635
  }
8582
8636
  },
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -2515,6 +2515,33 @@
2515
2515
  "background",
2516
2516
  "hover"
2517
2517
  ]
2518
+ },
2519
+ "active": {
2520
+ "value": "#858299",
2521
+ "public": true,
2522
+ "isReferenceToInternal": true,
2523
+ "filePath": "tokens/color/alias/tile.dark.json",
2524
+ "isSource": true,
2525
+ "original": {
2526
+ "value": "{color.dark-mode.neutral.300.value}",
2527
+ "public": true,
2528
+ "isReferenceToInternal": true
2529
+ },
2530
+ "name": "color-dark-mode-tile-background-active",
2531
+ "attributes": {
2532
+ "category": "color",
2533
+ "type": "dark-mode",
2534
+ "item": "tile",
2535
+ "subitem": "background",
2536
+ "state": "active"
2537
+ },
2538
+ "path": [
2539
+ "color",
2540
+ "dark-mode",
2541
+ "tile",
2542
+ "background",
2543
+ "active"
2544
+ ]
2518
2545
  }
2519
2546
  }
2520
2547
  },
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -2509,6 +2509,33 @@
2509
2509
  "background",
2510
2510
  "hover"
2511
2511
  ]
2512
+ },
2513
+ "active": {
2514
+ "value": "#cfcfd3",
2515
+ "public": true,
2516
+ "isReferenceToInternal": true,
2517
+ "filePath": "tokens/color/alias/tile.light.json",
2518
+ "isSource": true,
2519
+ "original": {
2520
+ "value": "{color.light-mode.neutral.200.value}",
2521
+ "public": true,
2522
+ "isReferenceToInternal": true
2523
+ },
2524
+ "name": "color-light-mode-tile-background-active",
2525
+ "attributes": {
2526
+ "category": "color",
2527
+ "type": "light-mode",
2528
+ "item": "tile",
2529
+ "subitem": "background",
2530
+ "state": "active"
2531
+ },
2532
+ "path": [
2533
+ "color",
2534
+ "light-mode",
2535
+ "tile",
2536
+ "background",
2537
+ "active"
2538
+ ]
2512
2539
  }
2513
2540
  }
2514
2541
  },
package/build/scss/_pds-design-tokens-dark-mode.scss CHANGED
@@ -111,6 +111,7 @@ $pds-color-text-lead: $pds-color-text-default-secondary;
111
111
  $pds-color-text-overline: $pds-color-text-default-secondary;
112
112
  $pds-color-text-paragraph: $pds-color-text-default;
113
113
  $pds-color-text-quote: $pds-color-text-default-secondary;
114
+ $pds-color-tile-background-active: #858299;
114
115
  $pds-color-tile-background-hover: #504e62;
115
116
  $pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
116
117
  $pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
package/build/scss/_pds-design-tokens-light-mode.scss CHANGED
@@ -111,6 +111,7 @@ $pds-color-text-lead: $pds-color-text-default-secondary;
111
111
  $pds-color-text-overline: $pds-color-text-default-secondary;
112
112
  $pds-color-text-paragraph: #23232d;
113
113
  $pds-color-text-quote: $pds-color-text-default-secondary;
114
+ $pds-color-tile-background-active: #cfcfd3;
114
115
  $pds-color-tile-background-hover: #f1f1f1;
115
116
  $pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
116
117
  $pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.22",
3
+ "version": "1.0.0-dev.23",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [