@pantheon-systems/pds-design-tokens 1.0.0-dev.86 → 1.0.0-dev.87
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.
|
@@ -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:
|
|
159
|
+
--pds-color-panel-default-border: rgba(0, 0, 0, 0.11);
|
|
160
160
|
--pds-color-panel-overlay-background: var(--pds-color-background-default);
|
|
161
161
|
--pds-color-panel-raised-background: var(--pds-color-background-default);
|
|
162
162
|
--pds-color-panel-raised-border: #f1f1f1;
|
|
@@ -209,6 +209,7 @@
|
|
|
209
209
|
--pds-color-tooltip-text: #ffffff;
|
|
210
210
|
--pds-color-tooltip-trigger-icon-critical: #ca3521;
|
|
211
211
|
--pds-color-tooltip-trigger-icon-default: #23232d;
|
|
212
|
-
--pds-elevation-
|
|
213
|
-
--pds-elevation-
|
|
212
|
+
--pds-elevation-active: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 6px 14px 0px rgba(0, 0, 0, 0.08);
|
|
213
|
+
--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);
|
|
214
|
+
--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);
|
|
214
215
|
}
|
|
@@ -11787,12 +11787,12 @@
|
|
|
11787
11787
|
]
|
|
11788
11788
|
},
|
|
11789
11789
|
"border": {
|
|
11790
|
-
"value": "
|
|
11790
|
+
"value": "rgba(0, 0, 0, 0.11)",
|
|
11791
11791
|
"public": true,
|
|
11792
11792
|
"filePath": "tokens/color/alias/panel.light.json",
|
|
11793
11793
|
"isSource": true,
|
|
11794
11794
|
"original": {
|
|
11795
|
-
"value": "
|
|
11795
|
+
"value": "rgba(0,0,0,.11)",
|
|
11796
11796
|
"public": true
|
|
11797
11797
|
},
|
|
11798
11798
|
"name": "color-light-mode-panel-default-border",
|
|
@@ -14195,18 +14195,26 @@
|
|
|
14195
14195
|
"value": [
|
|
14196
14196
|
{
|
|
14197
14197
|
"x": "0",
|
|
14198
|
-
"y": "
|
|
14198
|
+
"y": "0",
|
|
14199
|
+
"blur": "0",
|
|
14200
|
+
"spread": "1",
|
|
14201
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14202
|
+
"type": "dropShadow"
|
|
14203
|
+
},
|
|
14204
|
+
{
|
|
14205
|
+
"x": "0",
|
|
14206
|
+
"y": "2",
|
|
14199
14207
|
"blur": "2",
|
|
14200
14208
|
"spread": "0",
|
|
14201
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14209
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14202
14210
|
"type": "dropShadow"
|
|
14203
14211
|
},
|
|
14204
14212
|
{
|
|
14205
14213
|
"x": "0",
|
|
14206
|
-
"y": "
|
|
14214
|
+
"y": "8",
|
|
14207
14215
|
"blur": "8",
|
|
14208
|
-
"spread": "
|
|
14209
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14216
|
+
"spread": "-8",
|
|
14217
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14210
14218
|
"type": "dropShadow"
|
|
14211
14219
|
}
|
|
14212
14220
|
],
|
|
@@ -14218,18 +14226,26 @@
|
|
|
14218
14226
|
"value": [
|
|
14219
14227
|
{
|
|
14220
14228
|
"x": "0",
|
|
14221
|
-
"y": "
|
|
14229
|
+
"y": "0",
|
|
14230
|
+
"blur": "0",
|
|
14231
|
+
"spread": "1",
|
|
14232
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14233
|
+
"type": "dropShadow"
|
|
14234
|
+
},
|
|
14235
|
+
{
|
|
14236
|
+
"x": "0",
|
|
14237
|
+
"y": "2",
|
|
14222
14238
|
"blur": "2",
|
|
14223
14239
|
"spread": "0",
|
|
14224
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14240
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14225
14241
|
"type": "dropShadow"
|
|
14226
14242
|
},
|
|
14227
14243
|
{
|
|
14228
14244
|
"x": "0",
|
|
14229
|
-
"y": "
|
|
14245
|
+
"y": "8",
|
|
14230
14246
|
"blur": "8",
|
|
14231
|
-
"spread": "
|
|
14232
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14247
|
+
"spread": "-8",
|
|
14248
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14233
14249
|
"type": "dropShadow"
|
|
14234
14250
|
}
|
|
14235
14251
|
],
|
|
@@ -14248,22 +14264,95 @@
|
|
|
14248
14264
|
"raised"
|
|
14249
14265
|
]
|
|
14250
14266
|
},
|
|
14267
|
+
"active": {
|
|
14268
|
+
"value": [
|
|
14269
|
+
{
|
|
14270
|
+
"x": "0",
|
|
14271
|
+
"y": "0",
|
|
14272
|
+
"blur": "0",
|
|
14273
|
+
"spread": "1",
|
|
14274
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14275
|
+
"type": "dropShadow"
|
|
14276
|
+
},
|
|
14277
|
+
{
|
|
14278
|
+
"x": "0",
|
|
14279
|
+
"y": "6",
|
|
14280
|
+
"blur": "14",
|
|
14281
|
+
"spread": "0",
|
|
14282
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14283
|
+
"type": "dropShadow"
|
|
14284
|
+
}
|
|
14285
|
+
],
|
|
14286
|
+
"type": "boxShadow",
|
|
14287
|
+
"public": true,
|
|
14288
|
+
"filePath": "tokens/elevation/base.light.json",
|
|
14289
|
+
"isSource": true,
|
|
14290
|
+
"original": {
|
|
14291
|
+
"value": [
|
|
14292
|
+
{
|
|
14293
|
+
"x": "0",
|
|
14294
|
+
"y": "0",
|
|
14295
|
+
"blur": "0",
|
|
14296
|
+
"spread": "1",
|
|
14297
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14298
|
+
"type": "dropShadow"
|
|
14299
|
+
},
|
|
14300
|
+
{
|
|
14301
|
+
"x": "0",
|
|
14302
|
+
"y": "6",
|
|
14303
|
+
"blur": "14",
|
|
14304
|
+
"spread": "0",
|
|
14305
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14306
|
+
"type": "dropShadow"
|
|
14307
|
+
}
|
|
14308
|
+
],
|
|
14309
|
+
"type": "boxShadow",
|
|
14310
|
+
"public": true
|
|
14311
|
+
},
|
|
14312
|
+
"name": "elevation-light-mode-active",
|
|
14313
|
+
"attributes": {
|
|
14314
|
+
"category": "elevation",
|
|
14315
|
+
"type": "light-mode",
|
|
14316
|
+
"item": "active"
|
|
14317
|
+
},
|
|
14318
|
+
"path": [
|
|
14319
|
+
"elevation",
|
|
14320
|
+
"light-mode",
|
|
14321
|
+
"active"
|
|
14322
|
+
]
|
|
14323
|
+
},
|
|
14251
14324
|
"overlay": {
|
|
14252
14325
|
"value": [
|
|
14326
|
+
{
|
|
14327
|
+
"x": "0",
|
|
14328
|
+
"y": "0",
|
|
14329
|
+
"blur": "0",
|
|
14330
|
+
"spread": "1",
|
|
14331
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14332
|
+
"type": "dropShadow"
|
|
14333
|
+
},
|
|
14253
14334
|
{
|
|
14254
14335
|
"x": "0",
|
|
14255
14336
|
"y": "1",
|
|
14256
|
-
"blur": "
|
|
14337
|
+
"blur": "1",
|
|
14257
14338
|
"spread": "0",
|
|
14258
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14339
|
+
"color": "rgba(0, 0, 0, 0.02)",
|
|
14259
14340
|
"type": "dropShadow"
|
|
14260
14341
|
},
|
|
14261
14342
|
{
|
|
14262
14343
|
"x": "0",
|
|
14263
14344
|
"y": "8",
|
|
14264
|
-
"blur": "
|
|
14265
|
-
"spread": "
|
|
14266
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14345
|
+
"blur": "16",
|
|
14346
|
+
"spread": "-4",
|
|
14347
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14348
|
+
"type": "dropShadow"
|
|
14349
|
+
},
|
|
14350
|
+
{
|
|
14351
|
+
"x": "0",
|
|
14352
|
+
"y": "24",
|
|
14353
|
+
"blur": "32",
|
|
14354
|
+
"spread": "-8",
|
|
14355
|
+
"color": "rgba(0, 0, 0, 0.06)",
|
|
14267
14356
|
"type": "dropShadow"
|
|
14268
14357
|
}
|
|
14269
14358
|
],
|
|
@@ -14273,20 +14362,36 @@
|
|
|
14273
14362
|
"isSource": true,
|
|
14274
14363
|
"original": {
|
|
14275
14364
|
"value": [
|
|
14365
|
+
{
|
|
14366
|
+
"x": "0",
|
|
14367
|
+
"y": "0",
|
|
14368
|
+
"blur": "0",
|
|
14369
|
+
"spread": "1",
|
|
14370
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
14371
|
+
"type": "dropShadow"
|
|
14372
|
+
},
|
|
14276
14373
|
{
|
|
14277
14374
|
"x": "0",
|
|
14278
14375
|
"y": "1",
|
|
14279
|
-
"blur": "
|
|
14376
|
+
"blur": "1",
|
|
14280
14377
|
"spread": "0",
|
|
14281
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14378
|
+
"color": "rgba(0, 0, 0, 0.02)",
|
|
14282
14379
|
"type": "dropShadow"
|
|
14283
14380
|
},
|
|
14284
14381
|
{
|
|
14285
14382
|
"x": "0",
|
|
14286
14383
|
"y": "8",
|
|
14287
|
-
"blur": "
|
|
14288
|
-
"spread": "
|
|
14289
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14384
|
+
"blur": "16",
|
|
14385
|
+
"spread": "-4",
|
|
14386
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14387
|
+
"type": "dropShadow"
|
|
14388
|
+
},
|
|
14389
|
+
{
|
|
14390
|
+
"x": "0",
|
|
14391
|
+
"y": "24",
|
|
14392
|
+
"blur": "32",
|
|
14393
|
+
"spread": "-8",
|
|
14394
|
+
"color": "rgba(0, 0, 0, 0.06)",
|
|
14290
14395
|
"type": "dropShadow"
|
|
14291
14396
|
}
|
|
14292
14397
|
],
|
|
@@ -3769,12 +3769,12 @@
|
|
|
3769
3769
|
]
|
|
3770
3770
|
},
|
|
3771
3771
|
"border": {
|
|
3772
|
-
"value": "
|
|
3772
|
+
"value": "rgba(0, 0, 0, 0.11)",
|
|
3773
3773
|
"public": true,
|
|
3774
3774
|
"filePath": "tokens/color/alias/panel.light.json",
|
|
3775
3775
|
"isSource": true,
|
|
3776
3776
|
"original": {
|
|
3777
|
-
"value": "
|
|
3777
|
+
"value": "rgba(0,0,0,.11)",
|
|
3778
3778
|
"public": true
|
|
3779
3779
|
},
|
|
3780
3780
|
"name": "color-light-mode-panel-default-border",
|
|
@@ -6203,7 +6203,7 @@
|
|
|
6203
6203
|
"elevation": {
|
|
6204
6204
|
"light-mode": {
|
|
6205
6205
|
"raised": {
|
|
6206
|
-
"value": "0px 1px 2px 0px rgba(0, 0, 0, 0.
|
|
6206
|
+
"value": "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)",
|
|
6207
6207
|
"type": "boxShadow",
|
|
6208
6208
|
"public": true,
|
|
6209
6209
|
"filePath": "tokens/elevation/base.light.json",
|
|
@@ -6212,18 +6212,26 @@
|
|
|
6212
6212
|
"value": [
|
|
6213
6213
|
{
|
|
6214
6214
|
"x": "0",
|
|
6215
|
-
"y": "
|
|
6215
|
+
"y": "0",
|
|
6216
|
+
"blur": "0",
|
|
6217
|
+
"spread": "1",
|
|
6218
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
6219
|
+
"type": "dropShadow"
|
|
6220
|
+
},
|
|
6221
|
+
{
|
|
6222
|
+
"x": "0",
|
|
6223
|
+
"y": "2",
|
|
6216
6224
|
"blur": "2",
|
|
6217
6225
|
"spread": "0",
|
|
6218
|
-
"color": "rgba(0, 0, 0, 0.
|
|
6226
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
6219
6227
|
"type": "dropShadow"
|
|
6220
6228
|
},
|
|
6221
6229
|
{
|
|
6222
6230
|
"x": "0",
|
|
6223
|
-
"y": "
|
|
6231
|
+
"y": "8",
|
|
6224
6232
|
"blur": "8",
|
|
6225
|
-
"spread": "
|
|
6226
|
-
"color": "rgba(0, 0, 0, 0.
|
|
6233
|
+
"spread": "-8",
|
|
6234
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
6227
6235
|
"type": "dropShadow"
|
|
6228
6236
|
}
|
|
6229
6237
|
],
|
|
@@ -6242,28 +6250,84 @@
|
|
|
6242
6250
|
"raised"
|
|
6243
6251
|
]
|
|
6244
6252
|
},
|
|
6253
|
+
"active": {
|
|
6254
|
+
"value": "0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 6px 14px 0px rgba(0, 0, 0, 0.08)",
|
|
6255
|
+
"type": "boxShadow",
|
|
6256
|
+
"public": true,
|
|
6257
|
+
"filePath": "tokens/elevation/base.light.json",
|
|
6258
|
+
"isSource": true,
|
|
6259
|
+
"original": {
|
|
6260
|
+
"value": [
|
|
6261
|
+
{
|
|
6262
|
+
"x": "0",
|
|
6263
|
+
"y": "0",
|
|
6264
|
+
"blur": "0",
|
|
6265
|
+
"spread": "1",
|
|
6266
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
6267
|
+
"type": "dropShadow"
|
|
6268
|
+
},
|
|
6269
|
+
{
|
|
6270
|
+
"x": "0",
|
|
6271
|
+
"y": "6",
|
|
6272
|
+
"blur": "14",
|
|
6273
|
+
"spread": "0",
|
|
6274
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
6275
|
+
"type": "dropShadow"
|
|
6276
|
+
}
|
|
6277
|
+
],
|
|
6278
|
+
"type": "boxShadow",
|
|
6279
|
+
"public": true
|
|
6280
|
+
},
|
|
6281
|
+
"name": "elevation-light-mode-active",
|
|
6282
|
+
"attributes": {
|
|
6283
|
+
"category": "elevation",
|
|
6284
|
+
"type": "light-mode",
|
|
6285
|
+
"item": "active"
|
|
6286
|
+
},
|
|
6287
|
+
"path": [
|
|
6288
|
+
"elevation",
|
|
6289
|
+
"light-mode",
|
|
6290
|
+
"active"
|
|
6291
|
+
]
|
|
6292
|
+
},
|
|
6245
6293
|
"overlay": {
|
|
6246
|
-
"value": "0px 1px
|
|
6294
|
+
"value": "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)",
|
|
6247
6295
|
"type": "boxShadow",
|
|
6248
6296
|
"public": true,
|
|
6249
6297
|
"filePath": "tokens/elevation/base.light.json",
|
|
6250
6298
|
"isSource": true,
|
|
6251
6299
|
"original": {
|
|
6252
6300
|
"value": [
|
|
6301
|
+
{
|
|
6302
|
+
"x": "0",
|
|
6303
|
+
"y": "0",
|
|
6304
|
+
"blur": "0",
|
|
6305
|
+
"spread": "1",
|
|
6306
|
+
"color": "rgba(0, 0, 0, 0.08)",
|
|
6307
|
+
"type": "dropShadow"
|
|
6308
|
+
},
|
|
6253
6309
|
{
|
|
6254
6310
|
"x": "0",
|
|
6255
6311
|
"y": "1",
|
|
6256
|
-
"blur": "
|
|
6312
|
+
"blur": "1",
|
|
6257
6313
|
"spread": "0",
|
|
6258
|
-
"color": "rgba(0, 0, 0, 0.
|
|
6314
|
+
"color": "rgba(0, 0, 0, 0.02)",
|
|
6259
6315
|
"type": "dropShadow"
|
|
6260
6316
|
},
|
|
6261
6317
|
{
|
|
6262
6318
|
"x": "0",
|
|
6263
6319
|
"y": "8",
|
|
6264
|
-
"blur": "
|
|
6265
|
-
"spread": "
|
|
6266
|
-
"color": "rgba(0, 0, 0, 0.
|
|
6320
|
+
"blur": "16",
|
|
6321
|
+
"spread": "-4",
|
|
6322
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
6323
|
+
"type": "dropShadow"
|
|
6324
|
+
},
|
|
6325
|
+
{
|
|
6326
|
+
"x": "0",
|
|
6327
|
+
"y": "24",
|
|
6328
|
+
"blur": "32",
|
|
6329
|
+
"spread": "-8",
|
|
6330
|
+
"color": "rgba(0, 0, 0, 0.06)",
|
|
6267
6331
|
"type": "dropShadow"
|
|
6268
6332
|
}
|
|
6269
6333
|
],
|