@pantheon-systems/pds-design-tokens 1.0.0-dev.88 → 1.0.0-dev.89

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.
@@ -36,7 +36,7 @@
36
36
  --pds-color-banner-info-foreground: #ffffff;
37
37
  --pds-color-banner-warning-background: linear-gradient(135deg, #DDBD16 0%, #DB7612 100%);
38
38
  --pds-color-banner-warning-foreground: #23232d;
39
- --pds-color-border-default: #cfcfd3;
39
+ --pds-color-border-default: rgba(0, 0, 0, 0.11);
40
40
  --pds-color-brand-accent-default: #de0093;
41
41
  --pds-color-brand-primary-default: #ffdc28;
42
42
  --pds-color-brand-secondary-default: #3017a1;
@@ -156,7 +156,7 @@
156
156
  --pds-color-pager-background-hover: #f1f1f1;
157
157
  --pds-color-pager-foreground-active: #5f41e5;
158
158
  --pds-color-panel-default-background: var(--pds-color-background-default);
159
- --pds-color-panel-default-border: rgba(0, 0, 0, 0.11);
159
+ --pds-color-panel-default-border: var(--pds-color-border-default);
160
160
  --pds-color-panel-sunken-background: #f1f1f1;
161
161
  --pds-color-progress-complete: #218c5f;
162
162
  --pds-color-progress-empty: #cfcfd3;
@@ -207,7 +207,8 @@
207
207
  --pds-color-tooltip-trigger-icon-critical: #ca3521;
208
208
  --pds-color-tooltip-trigger-icon-default: #23232d;
209
209
  --pds-elevation-active: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 6px 14px 0px rgba(0, 0, 0, 0.08);
210
- --pds-elevation-dropdown: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
210
+ --pds-elevation-dropdown: 0px 1px 0px 1px rgba(0, 0, 0, 0.08), 0px 6px 14px 0px rgba(0, 0, 0, 0.08);
211
211
  --pds-elevation-overlay: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.02), 0px 8px 16px -4px rgba(0, 0, 0, 0.04), 0px 24px 32px -8px rgba(0, 0, 0, 0.06);
212
212
  --pds-elevation-raised: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 8px 8px -8px rgba(0, 0, 0, 0.04);
213
+ --pds-elevation-tooltip: 0px 6px 8px 0px rgba(0, 0, 0, 0.2);
213
214
  }
@@ -7938,7 +7938,7 @@
7938
7938
  "light-mode": {
7939
7939
  "badge": {
7940
7940
  "border": {
7941
- "value": "#cfcfd3",
7941
+ "value": "rgba(0, 0, 0, 0.11)",
7942
7942
  "public": true,
7943
7943
  "filePath": "tokens/color/alias/badge.light.json",
7944
7944
  "isSource": true,
@@ -10255,7 +10255,7 @@
10255
10255
  },
10256
10256
  "card": {
10257
10257
  "border": {
10258
- "value": "#cfcfd3",
10258
+ "value": "rgba(0, 0, 0, 0.11)",
10259
10259
  "public": true,
10260
10260
  "filePath": "tokens/color/alias/card.light.json",
10261
10261
  "isSource": true,
@@ -10465,13 +10465,13 @@
10465
10465
  },
10466
10466
  "border": {
10467
10467
  "default": {
10468
- "value": "#cfcfd3",
10468
+ "value": "rgba(0, 0, 0, 0.11)",
10469
10469
  "public": true,
10470
10470
  "isReferenceToInternal": true,
10471
10471
  "filePath": "tokens/color/alias/defaults.light.json",
10472
10472
  "isSource": true,
10473
10473
  "original": {
10474
- "value": "{color.light-mode.neutral.300.value}",
10474
+ "value": "rgba(0,0,0,.11)",
10475
10475
  "public": true,
10476
10476
  "isReferenceToInternal": true
10477
10477
  },
@@ -11709,7 +11709,7 @@
11709
11709
  "filePath": "tokens/color/alias/panel.light.json",
11710
11710
  "isSource": true,
11711
11711
  "original": {
11712
- "value": "rgba(0,0,0,.11)",
11712
+ "value": "{color.light-mode.border.default}",
11713
11713
  "public": true
11714
11714
  },
11715
11715
  "name": "color-light-mode-panel-default-border",
@@ -14292,17 +14292,17 @@
14292
14292
  {
14293
14293
  "x": "0",
14294
14294
  "y": "1",
14295
- "blur": "3",
14296
- "spread": "0",
14297
- "color": "rgba(0, 0, 0, 0.1)",
14295
+ "blur": "0",
14296
+ "spread": "1",
14297
+ "color": "rgba(0, 0, 0, 0.08)",
14298
14298
  "type": "dropShadow"
14299
14299
  },
14300
14300
  {
14301
14301
  "x": "0",
14302
- "y": "8",
14303
- "blur": "12",
14302
+ "y": "6",
14303
+ "blur": "14",
14304
14304
  "spread": "0",
14305
- "color": "rgba(0, 0, 0, 0.15)",
14305
+ "color": "rgba(0, 0, 0, 0.08)",
14306
14306
  "type": "dropShadow"
14307
14307
  }
14308
14308
  ],
@@ -14315,17 +14315,17 @@
14315
14315
  {
14316
14316
  "x": "0",
14317
14317
  "y": "1",
14318
- "blur": "3",
14319
- "spread": "0",
14320
- "color": "rgba(0, 0, 0, 0.1)",
14318
+ "blur": "0",
14319
+ "spread": "1",
14320
+ "color": "rgba(0, 0, 0, 0.08)",
14321
14321
  "type": "dropShadow"
14322
14322
  },
14323
14323
  {
14324
14324
  "x": "0",
14325
- "y": "8",
14326
- "blur": "12",
14325
+ "y": "6",
14326
+ "blur": "14",
14327
14327
  "spread": "0",
14328
- "color": "rgba(0, 0, 0, 0.15)",
14328
+ "color": "rgba(0, 0, 0, 0.08)",
14329
14329
  "type": "dropShadow"
14330
14330
  }
14331
14331
  ],
@@ -14343,6 +14343,47 @@
14343
14343
  "light-mode",
14344
14344
  "dropdown"
14345
14345
  ]
14346
+ },
14347
+ "tooltip": {
14348
+ "value": [
14349
+ {
14350
+ "x": "0",
14351
+ "y": "6",
14352
+ "blur": "8",
14353
+ "spread": "0",
14354
+ "color": "rgba(0, 0, 0, 0.2)",
14355
+ "type": "dropShadow"
14356
+ }
14357
+ ],
14358
+ "type": "boxShadow",
14359
+ "public": true,
14360
+ "filePath": "tokens/elevation/base.light.json",
14361
+ "isSource": true,
14362
+ "original": {
14363
+ "value": [
14364
+ {
14365
+ "x": "0",
14366
+ "y": "6",
14367
+ "blur": "8",
14368
+ "spread": "0",
14369
+ "color": "rgba(0, 0, 0, 0.2)",
14370
+ "type": "dropShadow"
14371
+ }
14372
+ ],
14373
+ "type": "boxShadow",
14374
+ "public": true
14375
+ },
14376
+ "name": "elevation-light-mode-tooltip",
14377
+ "attributes": {
14378
+ "category": "elevation",
14379
+ "type": "light-mode",
14380
+ "item": "tooltip"
14381
+ },
14382
+ "path": [
14383
+ "elevation",
14384
+ "light-mode",
14385
+ "tooltip"
14386
+ ]
14346
14387
  }
14347
14388
  }
14348
14389
  }
@@ -3,7 +3,7 @@
3
3
  "light-mode": {
4
4
  "badge": {
5
5
  "border": {
6
- "value": "#cfcfd3",
6
+ "value": "rgba(0, 0, 0, 0.11)",
7
7
  "public": true,
8
8
  "filePath": "tokens/color/alias/badge.light.json",
9
9
  "isSource": true,
@@ -2320,7 +2320,7 @@
2320
2320
  },
2321
2321
  "card": {
2322
2322
  "border": {
2323
- "value": "#cfcfd3",
2323
+ "value": "rgba(0, 0, 0, 0.11)",
2324
2324
  "public": true,
2325
2325
  "filePath": "tokens/color/alias/card.light.json",
2326
2326
  "isSource": true,
@@ -2530,13 +2530,13 @@
2530
2530
  },
2531
2531
  "border": {
2532
2532
  "default": {
2533
- "value": "#cfcfd3",
2533
+ "value": "rgba(0, 0, 0, 0.11)",
2534
2534
  "public": true,
2535
2535
  "isReferenceToInternal": true,
2536
2536
  "filePath": "tokens/color/alias/defaults.light.json",
2537
2537
  "isSource": true,
2538
2538
  "original": {
2539
- "value": "{color.light-mode.neutral.300.value}",
2539
+ "value": "rgba(0,0,0,.11)",
2540
2540
  "public": true,
2541
2541
  "isReferenceToInternal": true
2542
2542
  },
@@ -3774,7 +3774,7 @@
3774
3774
  "filePath": "tokens/color/alias/panel.light.json",
3775
3775
  "isSource": true,
3776
3776
  "original": {
3777
- "value": "rgba(0,0,0,.11)",
3777
+ "value": "{color.light-mode.border.default}",
3778
3778
  "public": true
3779
3779
  },
3780
3780
  "name": "color-light-mode-panel-default-border",
@@ -6266,7 +6266,7 @@
6266
6266
  ]
6267
6267
  },
6268
6268
  "dropdown": {
6269
- "value": "0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 8px 12px 0px rgba(0, 0, 0, 0.15)",
6269
+ "value": "0px 1px 0px 1px rgba(0, 0, 0, 0.08), 0px 6px 14px 0px rgba(0, 0, 0, 0.08)",
6270
6270
  "type": "boxShadow",
6271
6271
  "public": true,
6272
6272
  "filePath": "tokens/elevation/base.light.json",
@@ -6276,17 +6276,17 @@
6276
6276
  {
6277
6277
  "x": "0",
6278
6278
  "y": "1",
6279
- "blur": "3",
6280
- "spread": "0",
6281
- "color": "rgba(0, 0, 0, 0.1)",
6279
+ "blur": "0",
6280
+ "spread": "1",
6281
+ "color": "rgba(0, 0, 0, 0.08)",
6282
6282
  "type": "dropShadow"
6283
6283
  },
6284
6284
  {
6285
6285
  "x": "0",
6286
- "y": "8",
6287
- "blur": "12",
6286
+ "y": "6",
6287
+ "blur": "14",
6288
6288
  "spread": "0",
6289
- "color": "rgba(0, 0, 0, 0.15)",
6289
+ "color": "rgba(0, 0, 0, 0.08)",
6290
6290
  "type": "dropShadow"
6291
6291
  }
6292
6292
  ],
@@ -6304,6 +6304,38 @@
6304
6304
  "light-mode",
6305
6305
  "dropdown"
6306
6306
  ]
6307
+ },
6308
+ "tooltip": {
6309
+ "value": "0px 6px 8px 0px rgba(0, 0, 0, 0.2)",
6310
+ "type": "boxShadow",
6311
+ "public": true,
6312
+ "filePath": "tokens/elevation/base.light.json",
6313
+ "isSource": true,
6314
+ "original": {
6315
+ "value": [
6316
+ {
6317
+ "x": "0",
6318
+ "y": "6",
6319
+ "blur": "8",
6320
+ "spread": "0",
6321
+ "color": "rgba(0, 0, 0, 0.2)",
6322
+ "type": "dropShadow"
6323
+ }
6324
+ ],
6325
+ "type": "boxShadow",
6326
+ "public": true
6327
+ },
6328
+ "name": "elevation-light-mode-tooltip",
6329
+ "attributes": {
6330
+ "category": "elevation",
6331
+ "type": "light-mode",
6332
+ "item": "tooltip"
6333
+ },
6334
+ "path": [
6335
+ "elevation",
6336
+ "light-mode",
6337
+ "tooltip"
6338
+ ]
6307
6339
  }
6308
6340
  }
6309
6341
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.88",
3
+ "version": "1.0.0-dev.89",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [