@pantheon-systems/pds-design-tokens 1.0.0-dev.85 → 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
|
}
|
|
@@ -1,104 +1,89 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
*
|
|
3
3
|
* Pantheon Systems
|
|
4
|
-
*
|
|
4
|
+
*
|
|
5
5
|
* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|
|
6
6
|
* !! DO NOT EDIT THIS FILE DIRECTLY !!
|
|
7
7
|
* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
|
|
8
|
-
*
|
|
8
|
+
*
|
|
9
9
|
* This file has been generated automatically.
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
12
|
:root {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
--pds-typography-letter-spacing-xl: 0.06rem;
|
|
90
|
-
--pds-typography-line-height-l: 170%;
|
|
91
|
-
--pds-typography-line-height-m: 140%;
|
|
92
|
-
--pds-typography-line-height-s: 120%;
|
|
93
|
-
--pds-typography-line-height-xl: 195%;
|
|
94
|
-
--pds-typography-multiplier-medium: 0.85;
|
|
95
|
-
--pds-typography-multiplier-small: 0.75;
|
|
96
|
-
--pds-typography-size-2xl: 1.728rem;
|
|
97
|
-
--pds-typography-size-3xl: 2.074rem;
|
|
98
|
-
--pds-typography-size-4xl: 3.052rem;
|
|
99
|
-
--pds-typography-size-l: 1.2rem;
|
|
100
|
-
--pds-typography-size-m: 1rem;
|
|
101
|
-
--pds-typography-size-s: 0.875rem;
|
|
102
|
-
--pds-typography-size-xl: 1.44rem;
|
|
103
|
-
--pds-typography-size-xs: 0.75rem;
|
|
13
|
+
--pds-animation-button-transition: all var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
|
|
14
|
+
--pds-animation-focus-transition: outline var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
|
|
15
|
+
--pds-animation-input-transition: background-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay), border-color var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
|
|
16
|
+
--pds-animation-link-transition: all var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
|
|
17
|
+
--pds-animation-reveal-transition: all var(--pds-animation-transition-reveal-duration) var(--pds-animation-transition-default-timing-function);
|
|
18
|
+
--pds-animation-rotation-transition: transform var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay);
|
|
19
|
+
--pds-animation-transition-default-delay: 0s;
|
|
20
|
+
--pds-animation-transition-default-duration: 200ms;
|
|
21
|
+
--pds-animation-transition-default-timing-function: ease-in-out;
|
|
22
|
+
--pds-animation-transition-dropdown-duration: 300ms;
|
|
23
|
+
--pds-animation-transition-reveal-duration: 300ms;
|
|
24
|
+
--pds-border-radius-bar: 3.5rem;
|
|
25
|
+
--pds-border-radius-container: 0.375rem;
|
|
26
|
+
--pds-border-radius-default: 0.1875rem;
|
|
27
|
+
--pds-border-width-default: 1px;
|
|
28
|
+
--pds-container-max-width-narrow: 1024px;
|
|
29
|
+
--pds-container-max-width-standard: 1200px;
|
|
30
|
+
--pds-container-max-width-wide: 1440px;
|
|
31
|
+
--pds-container-max-width-x-wide: 1600px;
|
|
32
|
+
--pds-container-modal-width-large: 44rem;
|
|
33
|
+
--pds-container-modal-width-medium: 36rem;
|
|
34
|
+
--pds-container-modal-width-small: 25rem;
|
|
35
|
+
--pds-container-padding-large: 4%;
|
|
36
|
+
--pds-container-padding-medium: 4%;
|
|
37
|
+
--pds-container-padding-small: 5%;
|
|
38
|
+
--pds-grid-marketing-column-medium-large: 5.125%;
|
|
39
|
+
--pds-grid-marketing-column-small: 21.34375%;
|
|
40
|
+
--pds-grid-marketing-gap-medium-large: 3.5%;
|
|
41
|
+
--pds-grid-marketing-gap-small: 4.875%;
|
|
42
|
+
--pds-spacing-2xl: 1.953rem;
|
|
43
|
+
--pds-spacing-2xs: 0.512rem;
|
|
44
|
+
--pds-spacing-3xl: 2.441rem;
|
|
45
|
+
--pds-spacing-3xs: 0.41rem;
|
|
46
|
+
--pds-spacing-4xl: 3.052rem;
|
|
47
|
+
--pds-spacing-4xs: 0.328rem;
|
|
48
|
+
--pds-spacing-5xl: 3.815rem;
|
|
49
|
+
--pds-spacing-5xs: 0.25rem;
|
|
50
|
+
--pds-spacing-6xl: 4.678rem;
|
|
51
|
+
--pds-spacing-6xs: 0.125rem;
|
|
52
|
+
--pds-spacing-7xl: 5.96rem;
|
|
53
|
+
--pds-spacing-8xl: 7.451rem;
|
|
54
|
+
--pds-spacing-l: 1.25rem;
|
|
55
|
+
--pds-spacing-m: 1rem;
|
|
56
|
+
--pds-spacing-s: 0.8rem;
|
|
57
|
+
--pds-spacing-xl: 1.563rem;
|
|
58
|
+
--pds-spacing-xs: 0.64rem;
|
|
59
|
+
--pds-typography-font-code: 'Source Code Pro', monospace;
|
|
60
|
+
--pds-typography-font-default: 'Poppins', sans-serif;
|
|
61
|
+
--pds-typography-font-secondary: 'Aleo', serif;
|
|
62
|
+
--pds-typography-font-weight-bold: 700;
|
|
63
|
+
--pds-typography-font-weight-extrabold: 800;
|
|
64
|
+
--pds-typography-font-weight-regular: 400;
|
|
65
|
+
--pds-typography-font-weight-semibold: 600;
|
|
66
|
+
--pds-typography-letter-spacing-l: 0.04rem;
|
|
67
|
+
--pds-typography-letter-spacing-m: 0.02rem;
|
|
68
|
+
--pds-typography-letter-spacing-s: 0.01rem;
|
|
69
|
+
--pds-typography-letter-spacing-xl: 0.06rem;
|
|
70
|
+
--pds-typography-line-height-l: 170%;
|
|
71
|
+
--pds-typography-line-height-m: 140%;
|
|
72
|
+
--pds-typography-line-height-s: 120%;
|
|
73
|
+
--pds-typography-line-height-xl: 195%;
|
|
74
|
+
--pds-typography-multiplier-medium: 0.85;
|
|
75
|
+
--pds-typography-multiplier-small: 0.75;
|
|
76
|
+
--pds-typography-size-2xl: 1.728rem;
|
|
77
|
+
--pds-typography-size-3xl: 2.074rem;
|
|
78
|
+
--pds-typography-size-4xl: 3.052rem;
|
|
79
|
+
--pds-typography-size-l: 1.2rem;
|
|
80
|
+
--pds-typography-size-m: 1rem;
|
|
81
|
+
--pds-typography-size-s: 0.875rem;
|
|
82
|
+
--pds-typography-size-xl: 1.44rem;
|
|
83
|
+
--pds-typography-size-xs: 0.75rem;
|
|
84
|
+
--pds-z-index-dropdown: 200;
|
|
85
|
+
--pds-z-index-modal: 500;
|
|
86
|
+
--pds-z-index-navigation: 100;
|
|
87
|
+
--pds-z-index-notifications: 300;
|
|
88
|
+
--pds-z-index-overlay: 400;
|
|
104
89
|
}
|
|
@@ -391,6 +391,113 @@
|
|
|
391
391
|
}
|
|
392
392
|
}
|
|
393
393
|
},
|
|
394
|
+
"z-index": {
|
|
395
|
+
"navigation": {
|
|
396
|
+
"value": 100,
|
|
397
|
+
"public": true,
|
|
398
|
+
"filePath": "tokens/z-index/base.json",
|
|
399
|
+
"isSource": true,
|
|
400
|
+
"original": {
|
|
401
|
+
"value": 100,
|
|
402
|
+
"public": true,
|
|
403
|
+
"filePath": "build/json/pds-design-tokens.json",
|
|
404
|
+
"isSource": false
|
|
405
|
+
},
|
|
406
|
+
"name": "z-index-navigation",
|
|
407
|
+
"attributes": {
|
|
408
|
+
"category": "z-index",
|
|
409
|
+
"type": "navigation"
|
|
410
|
+
},
|
|
411
|
+
"path": [
|
|
412
|
+
"z-index",
|
|
413
|
+
"navigation"
|
|
414
|
+
]
|
|
415
|
+
},
|
|
416
|
+
"dropdown": {
|
|
417
|
+
"value": 200,
|
|
418
|
+
"public": true,
|
|
419
|
+
"filePath": "tokens/z-index/base.json",
|
|
420
|
+
"isSource": true,
|
|
421
|
+
"original": {
|
|
422
|
+
"value": 200,
|
|
423
|
+
"public": true,
|
|
424
|
+
"filePath": "build/json/pds-design-tokens.json",
|
|
425
|
+
"isSource": false
|
|
426
|
+
},
|
|
427
|
+
"name": "z-index-dropdown",
|
|
428
|
+
"attributes": {
|
|
429
|
+
"category": "z-index",
|
|
430
|
+
"type": "dropdown"
|
|
431
|
+
},
|
|
432
|
+
"path": [
|
|
433
|
+
"z-index",
|
|
434
|
+
"dropdown"
|
|
435
|
+
]
|
|
436
|
+
},
|
|
437
|
+
"notifications": {
|
|
438
|
+
"value": 300,
|
|
439
|
+
"public": true,
|
|
440
|
+
"filePath": "tokens/z-index/base.json",
|
|
441
|
+
"isSource": true,
|
|
442
|
+
"original": {
|
|
443
|
+
"value": 300,
|
|
444
|
+
"public": true,
|
|
445
|
+
"filePath": "build/json/pds-design-tokens.json",
|
|
446
|
+
"isSource": false
|
|
447
|
+
},
|
|
448
|
+
"name": "z-index-notifications",
|
|
449
|
+
"attributes": {
|
|
450
|
+
"category": "z-index",
|
|
451
|
+
"type": "notifications"
|
|
452
|
+
},
|
|
453
|
+
"path": [
|
|
454
|
+
"z-index",
|
|
455
|
+
"notifications"
|
|
456
|
+
]
|
|
457
|
+
},
|
|
458
|
+
"overlay": {
|
|
459
|
+
"value": 400,
|
|
460
|
+
"public": true,
|
|
461
|
+
"filePath": "tokens/z-index/base.json",
|
|
462
|
+
"isSource": true,
|
|
463
|
+
"original": {
|
|
464
|
+
"value": 400,
|
|
465
|
+
"public": true,
|
|
466
|
+
"filePath": "build/json/pds-design-tokens.json",
|
|
467
|
+
"isSource": false
|
|
468
|
+
},
|
|
469
|
+
"name": "z-index-overlay",
|
|
470
|
+
"attributes": {
|
|
471
|
+
"category": "z-index",
|
|
472
|
+
"type": "overlay"
|
|
473
|
+
},
|
|
474
|
+
"path": [
|
|
475
|
+
"z-index",
|
|
476
|
+
"overlay"
|
|
477
|
+
]
|
|
478
|
+
},
|
|
479
|
+
"modal": {
|
|
480
|
+
"value": 500,
|
|
481
|
+
"public": true,
|
|
482
|
+
"filePath": "tokens/z-index/base.json",
|
|
483
|
+
"isSource": true,
|
|
484
|
+
"original": {
|
|
485
|
+
"value": 500,
|
|
486
|
+
"public": true,
|
|
487
|
+
"filePath": "build/json/pds-design-tokens.json",
|
|
488
|
+
"isSource": false
|
|
489
|
+
},
|
|
490
|
+
"name": "z-index-modal",
|
|
491
|
+
"attributes": {
|
|
492
|
+
"category": "z-index",
|
|
493
|
+
"type": "modal"
|
|
494
|
+
},
|
|
495
|
+
"path": [
|
|
496
|
+
"z-index",
|
|
497
|
+
"modal"
|
|
498
|
+
]
|
|
499
|
+
}
|
|
500
|
+
},
|
|
394
501
|
"text": {
|
|
395
502
|
"body": {
|
|
396
503
|
"paragraph": {
|
|
@@ -11680,12 +11787,12 @@
|
|
|
11680
11787
|
]
|
|
11681
11788
|
},
|
|
11682
11789
|
"border": {
|
|
11683
|
-
"value": "
|
|
11790
|
+
"value": "rgba(0, 0, 0, 0.11)",
|
|
11684
11791
|
"public": true,
|
|
11685
11792
|
"filePath": "tokens/color/alias/panel.light.json",
|
|
11686
11793
|
"isSource": true,
|
|
11687
11794
|
"original": {
|
|
11688
|
-
"value": "
|
|
11795
|
+
"value": "rgba(0,0,0,.11)",
|
|
11689
11796
|
"public": true
|
|
11690
11797
|
},
|
|
11691
11798
|
"name": "color-light-mode-panel-default-border",
|
|
@@ -14088,18 +14195,26 @@
|
|
|
14088
14195
|
"value": [
|
|
14089
14196
|
{
|
|
14090
14197
|
"x": "0",
|
|
14091
|
-
"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",
|
|
14092
14207
|
"blur": "2",
|
|
14093
14208
|
"spread": "0",
|
|
14094
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14209
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14095
14210
|
"type": "dropShadow"
|
|
14096
14211
|
},
|
|
14097
14212
|
{
|
|
14098
14213
|
"x": "0",
|
|
14099
|
-
"y": "
|
|
14214
|
+
"y": "8",
|
|
14100
14215
|
"blur": "8",
|
|
14101
|
-
"spread": "
|
|
14102
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14216
|
+
"spread": "-8",
|
|
14217
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14103
14218
|
"type": "dropShadow"
|
|
14104
14219
|
}
|
|
14105
14220
|
],
|
|
@@ -14111,18 +14226,26 @@
|
|
|
14111
14226
|
"value": [
|
|
14112
14227
|
{
|
|
14113
14228
|
"x": "0",
|
|
14114
|
-
"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",
|
|
14115
14238
|
"blur": "2",
|
|
14116
14239
|
"spread": "0",
|
|
14117
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14240
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14118
14241
|
"type": "dropShadow"
|
|
14119
14242
|
},
|
|
14120
14243
|
{
|
|
14121
14244
|
"x": "0",
|
|
14122
|
-
"y": "
|
|
14245
|
+
"y": "8",
|
|
14123
14246
|
"blur": "8",
|
|
14124
|
-
"spread": "
|
|
14125
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14247
|
+
"spread": "-8",
|
|
14248
|
+
"color": "rgba(0, 0, 0, 0.04)",
|
|
14126
14249
|
"type": "dropShadow"
|
|
14127
14250
|
}
|
|
14128
14251
|
],
|
|
@@ -14141,22 +14264,95 @@
|
|
|
14141
14264
|
"raised"
|
|
14142
14265
|
]
|
|
14143
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
|
+
},
|
|
14144
14324
|
"overlay": {
|
|
14145
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
|
+
},
|
|
14146
14334
|
{
|
|
14147
14335
|
"x": "0",
|
|
14148
14336
|
"y": "1",
|
|
14149
|
-
"blur": "
|
|
14337
|
+
"blur": "1",
|
|
14150
14338
|
"spread": "0",
|
|
14151
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14339
|
+
"color": "rgba(0, 0, 0, 0.02)",
|
|
14152
14340
|
"type": "dropShadow"
|
|
14153
14341
|
},
|
|
14154
14342
|
{
|
|
14155
14343
|
"x": "0",
|
|
14156
14344
|
"y": "8",
|
|
14157
|
-
"blur": "
|
|
14158
|
-
"spread": "
|
|
14159
|
-
"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)",
|
|
14160
14356
|
"type": "dropShadow"
|
|
14161
14357
|
}
|
|
14162
14358
|
],
|
|
@@ -14166,20 +14362,36 @@
|
|
|
14166
14362
|
"isSource": true,
|
|
14167
14363
|
"original": {
|
|
14168
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
|
+
},
|
|
14169
14373
|
{
|
|
14170
14374
|
"x": "0",
|
|
14171
14375
|
"y": "1",
|
|
14172
|
-
"blur": "
|
|
14376
|
+
"blur": "1",
|
|
14173
14377
|
"spread": "0",
|
|
14174
|
-
"color": "rgba(0, 0, 0, 0.
|
|
14378
|
+
"color": "rgba(0, 0, 0, 0.02)",
|
|
14175
14379
|
"type": "dropShadow"
|
|
14176
14380
|
},
|
|
14177
14381
|
{
|
|
14178
14382
|
"x": "0",
|
|
14179
14383
|
"y": "8",
|
|
14180
|
-
"blur": "
|
|
14181
|
-
"spread": "
|
|
14182
|
-
"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)",
|
|
14183
14395
|
"type": "dropShadow"
|
|
14184
14396
|
}
|
|
14185
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
|
],
|
|
@@ -1811,5 +1811,102 @@
|
|
|
1811
1811
|
]
|
|
1812
1812
|
}
|
|
1813
1813
|
}
|
|
1814
|
+
},
|
|
1815
|
+
"z-index": {
|
|
1816
|
+
"navigation": {
|
|
1817
|
+
"value": 100,
|
|
1818
|
+
"public": true,
|
|
1819
|
+
"filePath": "tokens/z-index/base.json",
|
|
1820
|
+
"isSource": true,
|
|
1821
|
+
"original": {
|
|
1822
|
+
"value": 100,
|
|
1823
|
+
"public": true
|
|
1824
|
+
},
|
|
1825
|
+
"name": "z-index-navigation",
|
|
1826
|
+
"attributes": {
|
|
1827
|
+
"category": "z-index",
|
|
1828
|
+
"type": "navigation"
|
|
1829
|
+
},
|
|
1830
|
+
"path": [
|
|
1831
|
+
"z-index",
|
|
1832
|
+
"navigation"
|
|
1833
|
+
]
|
|
1834
|
+
},
|
|
1835
|
+
"dropdown": {
|
|
1836
|
+
"value": 200,
|
|
1837
|
+
"public": true,
|
|
1838
|
+
"filePath": "tokens/z-index/base.json",
|
|
1839
|
+
"isSource": true,
|
|
1840
|
+
"original": {
|
|
1841
|
+
"value": 200,
|
|
1842
|
+
"public": true
|
|
1843
|
+
},
|
|
1844
|
+
"name": "z-index-dropdown",
|
|
1845
|
+
"attributes": {
|
|
1846
|
+
"category": "z-index",
|
|
1847
|
+
"type": "dropdown"
|
|
1848
|
+
},
|
|
1849
|
+
"path": [
|
|
1850
|
+
"z-index",
|
|
1851
|
+
"dropdown"
|
|
1852
|
+
]
|
|
1853
|
+
},
|
|
1854
|
+
"notifications": {
|
|
1855
|
+
"value": 300,
|
|
1856
|
+
"public": true,
|
|
1857
|
+
"filePath": "tokens/z-index/base.json",
|
|
1858
|
+
"isSource": true,
|
|
1859
|
+
"original": {
|
|
1860
|
+
"value": 300,
|
|
1861
|
+
"public": true
|
|
1862
|
+
},
|
|
1863
|
+
"name": "z-index-notifications",
|
|
1864
|
+
"attributes": {
|
|
1865
|
+
"category": "z-index",
|
|
1866
|
+
"type": "notifications"
|
|
1867
|
+
},
|
|
1868
|
+
"path": [
|
|
1869
|
+
"z-index",
|
|
1870
|
+
"notifications"
|
|
1871
|
+
]
|
|
1872
|
+
},
|
|
1873
|
+
"overlay": {
|
|
1874
|
+
"value": 400,
|
|
1875
|
+
"public": true,
|
|
1876
|
+
"filePath": "tokens/z-index/base.json",
|
|
1877
|
+
"isSource": true,
|
|
1878
|
+
"original": {
|
|
1879
|
+
"value": 400,
|
|
1880
|
+
"public": true
|
|
1881
|
+
},
|
|
1882
|
+
"name": "z-index-overlay",
|
|
1883
|
+
"attributes": {
|
|
1884
|
+
"category": "z-index",
|
|
1885
|
+
"type": "overlay"
|
|
1886
|
+
},
|
|
1887
|
+
"path": [
|
|
1888
|
+
"z-index",
|
|
1889
|
+
"overlay"
|
|
1890
|
+
]
|
|
1891
|
+
},
|
|
1892
|
+
"modal": {
|
|
1893
|
+
"value": 500,
|
|
1894
|
+
"public": true,
|
|
1895
|
+
"filePath": "tokens/z-index/base.json",
|
|
1896
|
+
"isSource": true,
|
|
1897
|
+
"original": {
|
|
1898
|
+
"value": 500,
|
|
1899
|
+
"public": true
|
|
1900
|
+
},
|
|
1901
|
+
"name": "z-index-modal",
|
|
1902
|
+
"attributes": {
|
|
1903
|
+
"category": "z-index",
|
|
1904
|
+
"type": "modal"
|
|
1905
|
+
},
|
|
1906
|
+
"path": [
|
|
1907
|
+
"z-index",
|
|
1908
|
+
"modal"
|
|
1909
|
+
]
|
|
1910
|
+
}
|
|
1814
1911
|
}
|
|
1815
1912
|
}
|