@pantheon-systems/pds-design-tokens 1.0.0-dev.39 → 1.0.0-dev.40

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 (5) hide show
  1. package/build/css/pds-design-tokens-light-mode.css +2 -2
  2. package/build/figma/pds-design-tokens-figma.json +22 -22
  3. package/build/json/pds-design-tokens-light-mode.json +13 -13
  4. package/build/scss/_pds-design-tokens-light-mode.scss +2 -2
  5. package/package.json +1 -1
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -120,6 +120,6 @@
120
120
  --pds-color-tile-separator: #cfcfd3;
121
121
  --pds-color-toggle-button-background-off: #f1f1f1;
122
122
  --pds-color-toggle-button-foreground-off: #6d6d78;
123
- --pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
124
- --pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
123
+ --pds-elevation-overlay: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
124
+ --pds-elevation-raised: 0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
125
125
  }
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -10609,17 +10609,17 @@
10609
10609
  {
10610
10610
  "x": "0",
10611
10611
  "y": "1",
10612
- "blur": "1",
10612
+ "blur": "2",
10613
10613
  "spread": "0",
10614
- "color": "#aeaeb6",
10614
+ "color": "rgba(0, 0, 0, 0.2)",
10615
10615
  "type": "dropShadow"
10616
10616
  },
10617
10617
  {
10618
10618
  "x": "0",
10619
- "y": "0",
10620
- "blur": "1",
10619
+ "y": "3",
10620
+ "blur": "8",
10621
10621
  "spread": "0",
10622
- "color": "rgba(18, 18, 25, 0.25)",
10622
+ "color": "rgba(0, 0, 0, 0.15)",
10623
10623
  "type": "dropShadow"
10624
10624
  }
10625
10625
  ],
@@ -10632,17 +10632,17 @@
10632
10632
  {
10633
10633
  "x": "0",
10634
10634
  "y": "1",
10635
- "blur": "1",
10635
+ "blur": "2",
10636
10636
  "spread": "0",
10637
- "color": "#aeaeb6",
10637
+ "color": "rgba(0, 0, 0, 0.2)",
10638
10638
  "type": "dropShadow"
10639
10639
  },
10640
10640
  {
10641
10641
  "x": "0",
10642
- "y": "0",
10643
- "blur": "1",
10642
+ "y": "3",
10643
+ "blur": "8",
10644
10644
  "spread": "0",
10645
- "color": "rgba(18, 18, 25, 0.25)",
10645
+ "color": "rgba(0, 0, 0, 0.15)",
10646
10646
  "type": "dropShadow"
10647
10647
  }
10648
10648
  ],
@@ -10665,18 +10665,18 @@
10665
10665
  "value": [
10666
10666
  {
10667
10667
  "x": "0",
10668
- "y": "8",
10669
- "blur": "12",
10668
+ "y": "1",
10669
+ "blur": "3",
10670
10670
  "spread": "0",
10671
- "color": "rgba(113, 113, 124, 0.25)",
10671
+ "color": "rgba(0, 0, 0, 0.1)",
10672
10672
  "type": "dropShadow"
10673
10673
  },
10674
10674
  {
10675
10675
  "x": "0",
10676
- "y": "0",
10677
- "blur": "1",
10676
+ "y": "8",
10677
+ "blur": "12",
10678
10678
  "spread": "0",
10679
- "color": "rgba(18, 18, 25, 0.25)",
10679
+ "color": "rgba(0, 0, 0, 0.15)",
10680
10680
  "type": "dropShadow"
10681
10681
  }
10682
10682
  ],
@@ -10688,18 +10688,18 @@
10688
10688
  "value": [
10689
10689
  {
10690
10690
  "x": "0",
10691
- "y": "8",
10692
- "blur": "12",
10691
+ "y": "1",
10692
+ "blur": "3",
10693
10693
  "spread": "0",
10694
- "color": "rgba(113, 113, 124, 0.25)",
10694
+ "color": "rgba(0, 0, 0, 0.1)",
10695
10695
  "type": "dropShadow"
10696
10696
  },
10697
10697
  {
10698
10698
  "x": "0",
10699
- "y": "0",
10700
- "blur": "1",
10699
+ "y": "8",
10700
+ "blur": "12",
10701
10701
  "spread": "0",
10702
- "color": "rgba(18, 18, 25, 0.25)",
10702
+ "color": "rgba(0, 0, 0, 0.15)",
10703
10703
  "type": "dropShadow"
10704
10704
  }
10705
10705
  ],
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -4269,7 +4269,7 @@
4269
4269
  "elevation": {
4270
4270
  "light-mode": {
4271
4271
  "raised": {
4272
- "value": "0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25)",
4272
+ "value": "0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 3px 8px 0px rgba(0, 0, 0, 0.15)",
4273
4273
  "type": "boxShadow",
4274
4274
  "public": true,
4275
4275
  "filePath": "tokens/elevation/base.light.json",
@@ -4279,17 +4279,17 @@
4279
4279
  {
4280
4280
  "x": "0",
4281
4281
  "y": "1",
4282
- "blur": "1",
4282
+ "blur": "2",
4283
4283
  "spread": "0",
4284
- "color": "#aeaeb6",
4284
+ "color": "rgba(0, 0, 0, 0.2)",
4285
4285
  "type": "dropShadow"
4286
4286
  },
4287
4287
  {
4288
4288
  "x": "0",
4289
- "y": "0",
4290
- "blur": "1",
4289
+ "y": "3",
4290
+ "blur": "8",
4291
4291
  "spread": "0",
4292
- "color": "rgba(18, 18, 25, 0.25)",
4292
+ "color": "rgba(0, 0, 0, 0.15)",
4293
4293
  "type": "dropShadow"
4294
4294
  }
4295
4295
  ],
@@ -4309,7 +4309,7 @@
4309
4309
  ]
4310
4310
  },
4311
4311
  "overlay": {
4312
- "value": "0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25)",
4312
+ "value": "0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 8px 12px 0px rgba(0, 0, 0, 0.15)",
4313
4313
  "type": "boxShadow",
4314
4314
  "public": true,
4315
4315
  "filePath": "tokens/elevation/base.light.json",
@@ -4318,18 +4318,18 @@
4318
4318
  "value": [
4319
4319
  {
4320
4320
  "x": "0",
4321
- "y": "8",
4322
- "blur": "12",
4321
+ "y": "1",
4322
+ "blur": "3",
4323
4323
  "spread": "0",
4324
- "color": "rgba(113, 113, 124, 0.25)",
4324
+ "color": "rgba(0, 0, 0, 0.1)",
4325
4325
  "type": "dropShadow"
4326
4326
  },
4327
4327
  {
4328
4328
  "x": "0",
4329
- "y": "0",
4330
- "blur": "1",
4329
+ "y": "8",
4330
+ "blur": "12",
4331
4331
  "spread": "0",
4332
- "color": "rgba(18, 18, 25, 0.25)",
4332
+ "color": "rgba(0, 0, 0, 0.15)",
4333
4333
  "type": "dropShadow"
4334
4334
  }
4335
4335
  ],
package/build/scss/_pds-design-tokens-light-mode.scss CHANGED
@@ -118,5 +118,5 @@ $pds-color-tile-background-hover: #f8f8f8;
118
118
  $pds-color-tile-separator: #cfcfd3;
119
119
  $pds-color-toggle-button-background-off: #f1f1f1;
120
120
  $pds-color-toggle-button-foreground-off: #6d6d78;
121
- $pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
122
- $pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
121
+ $pds-elevation-overlay: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
122
+ $pds-elevation-raised: 0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 3px 8px 0px rgba(0, 0, 0, 0.15);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.39",
3
+ "version": "1.0.0-dev.40",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [