@pantheon-systems/pds-design-tokens 0.6.0-dev.3 → 0.7.0-dev.0
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.
- package/build/css/pds-design-tokens-dark-mode.css +2 -2
- package/build/css/pds-design-tokens-light-mode.css +2 -2
- package/build/figma/pds-design-tokens-figma.json +106 -58
- package/build/json/pds-design-tokens-dark-mode.json +22 -18
- package/build/json/pds-design-tokens-light-mode.json +38 -18
- package/build/scss/_pds-design-tokens-dark-mode.scss +2 -2
- package/build/scss/_pds-design-tokens-light-mode.scss +2 -2
- package/package.json +1 -1
|
@@ -77,6 +77,6 @@
|
|
|
77
77
|
--pds-color-text-default: #ffffff;
|
|
78
78
|
--pds-color-text-headings: var(--pds-color-text-default);
|
|
79
79
|
--pds-color-text-paragraph: var(--pds-color-text-default);
|
|
80
|
-
--pds-elevation-overlay: 0px
|
|
81
|
-
--pds-elevation-raised: 0px
|
|
80
|
+
--pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
|
|
81
|
+
--pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
|
|
82
82
|
}
|
|
@@ -77,6 +77,6 @@
|
|
|
77
77
|
--pds-color-text-default: #23232d;
|
|
78
78
|
--pds-color-text-headings: var(--pds-color-text-default);
|
|
79
79
|
--pds-color-text-paragraph: #23232d;
|
|
80
|
-
--pds-elevation-overlay: 0px
|
|
81
|
-
--pds-elevation-raised: 0px
|
|
80
|
+
--pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|
|
81
|
+
--pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|
|
82
82
|
}
|
|
@@ -7774,27 +7774,31 @@
|
|
|
7774
7774
|
"elevation": {
|
|
7775
7775
|
"dark-mode": {
|
|
7776
7776
|
"raised": {
|
|
7777
|
-
"value":
|
|
7778
|
-
|
|
7779
|
-
"y": "1",
|
|
7780
|
-
"blur": "1",
|
|
7781
|
-
"spread": "0",
|
|
7782
|
-
"color": "rgba(18, 18, 25, 0.95)",
|
|
7783
|
-
"type": "dropShadow"
|
|
7784
|
-
},
|
|
7785
|
-
"type": "boxShadow",
|
|
7786
|
-
"public": true,
|
|
7787
|
-
"filePath": "tokens/elevation/base.dark.json",
|
|
7788
|
-
"isSource": true,
|
|
7789
|
-
"original": {
|
|
7790
|
-
"value": {
|
|
7777
|
+
"value": [
|
|
7778
|
+
{
|
|
7791
7779
|
"x": "0",
|
|
7792
7780
|
"y": "1",
|
|
7793
7781
|
"blur": "1",
|
|
7794
7782
|
"spread": "0",
|
|
7795
7783
|
"color": "rgba(18, 18, 25, 0.95)",
|
|
7796
7784
|
"type": "dropShadow"
|
|
7797
|
-
}
|
|
7785
|
+
}
|
|
7786
|
+
],
|
|
7787
|
+
"type": "boxShadow",
|
|
7788
|
+
"public": true,
|
|
7789
|
+
"filePath": "tokens/elevation/base.dark.json",
|
|
7790
|
+
"isSource": true,
|
|
7791
|
+
"original": {
|
|
7792
|
+
"value": [
|
|
7793
|
+
{
|
|
7794
|
+
"x": "0",
|
|
7795
|
+
"y": "1",
|
|
7796
|
+
"blur": "1",
|
|
7797
|
+
"spread": "0",
|
|
7798
|
+
"color": "rgba(18, 18, 25, 0.95)",
|
|
7799
|
+
"type": "dropShadow"
|
|
7800
|
+
}
|
|
7801
|
+
],
|
|
7798
7802
|
"type": "boxShadow",
|
|
7799
7803
|
"public": true
|
|
7800
7804
|
},
|
|
@@ -7811,27 +7815,31 @@
|
|
|
7811
7815
|
]
|
|
7812
7816
|
},
|
|
7813
7817
|
"overlay": {
|
|
7814
|
-
"value":
|
|
7815
|
-
|
|
7816
|
-
"y": "8",
|
|
7817
|
-
"blur": "12",
|
|
7818
|
-
"spread": "0",
|
|
7819
|
-
"color": "rgba(18, 18, 25, 0.6)",
|
|
7820
|
-
"type": "dropShadow"
|
|
7821
|
-
},
|
|
7822
|
-
"type": "boxShadow",
|
|
7823
|
-
"public": true,
|
|
7824
|
-
"filePath": "tokens/elevation/base.dark.json",
|
|
7825
|
-
"isSource": true,
|
|
7826
|
-
"original": {
|
|
7827
|
-
"value": {
|
|
7818
|
+
"value": [
|
|
7819
|
+
{
|
|
7828
7820
|
"x": "0",
|
|
7829
7821
|
"y": "8",
|
|
7830
7822
|
"blur": "12",
|
|
7831
7823
|
"spread": "0",
|
|
7832
7824
|
"color": "rgba(18, 18, 25, 0.6)",
|
|
7833
7825
|
"type": "dropShadow"
|
|
7834
|
-
}
|
|
7826
|
+
}
|
|
7827
|
+
],
|
|
7828
|
+
"type": "boxShadow",
|
|
7829
|
+
"public": true,
|
|
7830
|
+
"filePath": "tokens/elevation/base.dark.json",
|
|
7831
|
+
"isSource": true,
|
|
7832
|
+
"original": {
|
|
7833
|
+
"value": [
|
|
7834
|
+
{
|
|
7835
|
+
"x": "0",
|
|
7836
|
+
"y": "8",
|
|
7837
|
+
"blur": "12",
|
|
7838
|
+
"spread": "0",
|
|
7839
|
+
"color": "rgba(18, 18, 25, 0.6)",
|
|
7840
|
+
"type": "dropShadow"
|
|
7841
|
+
}
|
|
7842
|
+
],
|
|
7835
7843
|
"type": "boxShadow",
|
|
7836
7844
|
"public": true
|
|
7837
7845
|
},
|
|
@@ -7850,20 +7858,8 @@
|
|
|
7850
7858
|
},
|
|
7851
7859
|
"light-mode": {
|
|
7852
7860
|
"raised": {
|
|
7853
|
-
"value":
|
|
7854
|
-
|
|
7855
|
-
"y": "1",
|
|
7856
|
-
"blur": "1",
|
|
7857
|
-
"spread": "0",
|
|
7858
|
-
"color": "#aeaeb6",
|
|
7859
|
-
"type": "dropShadow"
|
|
7860
|
-
},
|
|
7861
|
-
"type": "boxShadow",
|
|
7862
|
-
"public": true,
|
|
7863
|
-
"filePath": "tokens/elevation/base.light.json",
|
|
7864
|
-
"isSource": true,
|
|
7865
|
-
"original": {
|
|
7866
|
-
"value": {
|
|
7861
|
+
"value": [
|
|
7862
|
+
{
|
|
7867
7863
|
"x": "0",
|
|
7868
7864
|
"y": "1",
|
|
7869
7865
|
"blur": "1",
|
|
@@ -7871,6 +7867,38 @@
|
|
|
7871
7867
|
"color": "#aeaeb6",
|
|
7872
7868
|
"type": "dropShadow"
|
|
7873
7869
|
},
|
|
7870
|
+
{
|
|
7871
|
+
"x": "0",
|
|
7872
|
+
"y": "0",
|
|
7873
|
+
"blur": "1",
|
|
7874
|
+
"spread": "0",
|
|
7875
|
+
"color": "rgba(18, 18, 25, 0.25)",
|
|
7876
|
+
"type": "dropShadow"
|
|
7877
|
+
}
|
|
7878
|
+
],
|
|
7879
|
+
"type": "boxShadow",
|
|
7880
|
+
"public": true,
|
|
7881
|
+
"filePath": "tokens/elevation/base.light.json",
|
|
7882
|
+
"isSource": true,
|
|
7883
|
+
"original": {
|
|
7884
|
+
"value": [
|
|
7885
|
+
{
|
|
7886
|
+
"x": "0",
|
|
7887
|
+
"y": "1",
|
|
7888
|
+
"blur": "1",
|
|
7889
|
+
"spread": "0",
|
|
7890
|
+
"color": "#aeaeb6",
|
|
7891
|
+
"type": "dropShadow"
|
|
7892
|
+
},
|
|
7893
|
+
{
|
|
7894
|
+
"x": "0",
|
|
7895
|
+
"y": "0",
|
|
7896
|
+
"blur": "1",
|
|
7897
|
+
"spread": "0",
|
|
7898
|
+
"color": "rgba(18, 18, 25, 0.25)",
|
|
7899
|
+
"type": "dropShadow"
|
|
7900
|
+
}
|
|
7901
|
+
],
|
|
7874
7902
|
"type": "boxShadow",
|
|
7875
7903
|
"public": true
|
|
7876
7904
|
},
|
|
@@ -7887,20 +7915,8 @@
|
|
|
7887
7915
|
]
|
|
7888
7916
|
},
|
|
7889
7917
|
"overlay": {
|
|
7890
|
-
"value":
|
|
7891
|
-
|
|
7892
|
-
"y": "8",
|
|
7893
|
-
"blur": "12",
|
|
7894
|
-
"spread": "0",
|
|
7895
|
-
"color": "rgba(113, 113, 124, 0.25)",
|
|
7896
|
-
"type": "dropShadow"
|
|
7897
|
-
},
|
|
7898
|
-
"type": "boxShadow",
|
|
7899
|
-
"public": true,
|
|
7900
|
-
"filePath": "tokens/elevation/base.light.json",
|
|
7901
|
-
"isSource": true,
|
|
7902
|
-
"original": {
|
|
7903
|
-
"value": {
|
|
7918
|
+
"value": [
|
|
7919
|
+
{
|
|
7904
7920
|
"x": "0",
|
|
7905
7921
|
"y": "8",
|
|
7906
7922
|
"blur": "12",
|
|
@@ -7908,6 +7924,38 @@
|
|
|
7908
7924
|
"color": "rgba(113, 113, 124, 0.25)",
|
|
7909
7925
|
"type": "dropShadow"
|
|
7910
7926
|
},
|
|
7927
|
+
{
|
|
7928
|
+
"x": "0",
|
|
7929
|
+
"y": "0",
|
|
7930
|
+
"blur": "1",
|
|
7931
|
+
"spread": "0",
|
|
7932
|
+
"color": "rgba(18, 18, 25, 0.25)",
|
|
7933
|
+
"type": "dropShadow"
|
|
7934
|
+
}
|
|
7935
|
+
],
|
|
7936
|
+
"type": "boxShadow",
|
|
7937
|
+
"public": true,
|
|
7938
|
+
"filePath": "tokens/elevation/base.light.json",
|
|
7939
|
+
"isSource": true,
|
|
7940
|
+
"original": {
|
|
7941
|
+
"value": [
|
|
7942
|
+
{
|
|
7943
|
+
"x": "0",
|
|
7944
|
+
"y": "8",
|
|
7945
|
+
"blur": "12",
|
|
7946
|
+
"spread": "0",
|
|
7947
|
+
"color": "rgba(113, 113, 124, 0.25)",
|
|
7948
|
+
"type": "dropShadow"
|
|
7949
|
+
},
|
|
7950
|
+
{
|
|
7951
|
+
"x": "0",
|
|
7952
|
+
"y": "0",
|
|
7953
|
+
"blur": "1",
|
|
7954
|
+
"spread": "0",
|
|
7955
|
+
"color": "rgba(18, 18, 25, 0.25)",
|
|
7956
|
+
"type": "dropShadow"
|
|
7957
|
+
}
|
|
7958
|
+
],
|
|
7911
7959
|
"type": "boxShadow",
|
|
7912
7960
|
"public": true
|
|
7913
7961
|
},
|
|
@@ -3264,20 +3264,22 @@
|
|
|
3264
3264
|
"elevation": {
|
|
3265
3265
|
"dark-mode": {
|
|
3266
3266
|
"raised": {
|
|
3267
|
-
"value": "0px
|
|
3267
|
+
"value": "0px 1px 1px 0px rgba(18, 18, 25, 0.95)",
|
|
3268
3268
|
"type": "boxShadow",
|
|
3269
3269
|
"public": true,
|
|
3270
3270
|
"filePath": "tokens/elevation/base.dark.json",
|
|
3271
3271
|
"isSource": true,
|
|
3272
3272
|
"original": {
|
|
3273
|
-
"value":
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3273
|
+
"value": [
|
|
3274
|
+
{
|
|
3275
|
+
"x": "0",
|
|
3276
|
+
"y": "1",
|
|
3277
|
+
"blur": "1",
|
|
3278
|
+
"spread": "0",
|
|
3279
|
+
"color": "rgba(18, 18, 25, 0.95)",
|
|
3280
|
+
"type": "dropShadow"
|
|
3281
|
+
}
|
|
3282
|
+
],
|
|
3281
3283
|
"type": "boxShadow",
|
|
3282
3284
|
"public": true
|
|
3283
3285
|
},
|
|
@@ -3294,20 +3296,22 @@
|
|
|
3294
3296
|
]
|
|
3295
3297
|
},
|
|
3296
3298
|
"overlay": {
|
|
3297
|
-
"value": "0px
|
|
3299
|
+
"value": "0px 8px 12px 0px rgba(18, 18, 25, 0.6)",
|
|
3298
3300
|
"type": "boxShadow",
|
|
3299
3301
|
"public": true,
|
|
3300
3302
|
"filePath": "tokens/elevation/base.dark.json",
|
|
3301
3303
|
"isSource": true,
|
|
3302
3304
|
"original": {
|
|
3303
|
-
"value":
|
|
3304
|
-
|
|
3305
|
-
|
|
3306
|
-
|
|
3307
|
-
|
|
3308
|
-
|
|
3309
|
-
|
|
3310
|
-
|
|
3305
|
+
"value": [
|
|
3306
|
+
{
|
|
3307
|
+
"x": "0",
|
|
3308
|
+
"y": "8",
|
|
3309
|
+
"blur": "12",
|
|
3310
|
+
"spread": "0",
|
|
3311
|
+
"color": "rgba(18, 18, 25, 0.6)",
|
|
3312
|
+
"type": "dropShadow"
|
|
3313
|
+
}
|
|
3314
|
+
],
|
|
3311
3315
|
"type": "boxShadow",
|
|
3312
3316
|
"public": true
|
|
3313
3317
|
},
|
|
@@ -3276,20 +3276,30 @@
|
|
|
3276
3276
|
"elevation": {
|
|
3277
3277
|
"light-mode": {
|
|
3278
3278
|
"raised": {
|
|
3279
|
-
"value": "0px
|
|
3279
|
+
"value": "0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25)",
|
|
3280
3280
|
"type": "boxShadow",
|
|
3281
3281
|
"public": true,
|
|
3282
3282
|
"filePath": "tokens/elevation/base.light.json",
|
|
3283
3283
|
"isSource": true,
|
|
3284
3284
|
"original": {
|
|
3285
|
-
"value":
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
3289
|
-
|
|
3290
|
-
|
|
3291
|
-
|
|
3292
|
-
|
|
3285
|
+
"value": [
|
|
3286
|
+
{
|
|
3287
|
+
"x": "0",
|
|
3288
|
+
"y": "1",
|
|
3289
|
+
"blur": "1",
|
|
3290
|
+
"spread": "0",
|
|
3291
|
+
"color": "#aeaeb6",
|
|
3292
|
+
"type": "dropShadow"
|
|
3293
|
+
},
|
|
3294
|
+
{
|
|
3295
|
+
"x": "0",
|
|
3296
|
+
"y": "0",
|
|
3297
|
+
"blur": "1",
|
|
3298
|
+
"spread": "0",
|
|
3299
|
+
"color": "rgba(18, 18, 25, 0.25)",
|
|
3300
|
+
"type": "dropShadow"
|
|
3301
|
+
}
|
|
3302
|
+
],
|
|
3293
3303
|
"type": "boxShadow",
|
|
3294
3304
|
"public": true
|
|
3295
3305
|
},
|
|
@@ -3306,20 +3316,30 @@
|
|
|
3306
3316
|
]
|
|
3307
3317
|
},
|
|
3308
3318
|
"overlay": {
|
|
3309
|
-
"value": "0px
|
|
3319
|
+
"value": "0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25)",
|
|
3310
3320
|
"type": "boxShadow",
|
|
3311
3321
|
"public": true,
|
|
3312
3322
|
"filePath": "tokens/elevation/base.light.json",
|
|
3313
3323
|
"isSource": true,
|
|
3314
3324
|
"original": {
|
|
3315
|
-
"value":
|
|
3316
|
-
|
|
3317
|
-
|
|
3318
|
-
|
|
3319
|
-
|
|
3320
|
-
|
|
3321
|
-
|
|
3322
|
-
|
|
3325
|
+
"value": [
|
|
3326
|
+
{
|
|
3327
|
+
"x": "0",
|
|
3328
|
+
"y": "8",
|
|
3329
|
+
"blur": "12",
|
|
3330
|
+
"spread": "0",
|
|
3331
|
+
"color": "rgba(113, 113, 124, 0.25)",
|
|
3332
|
+
"type": "dropShadow"
|
|
3333
|
+
},
|
|
3334
|
+
{
|
|
3335
|
+
"x": "0",
|
|
3336
|
+
"y": "0",
|
|
3337
|
+
"blur": "1",
|
|
3338
|
+
"spread": "0",
|
|
3339
|
+
"color": "rgba(18, 18, 25, 0.25)",
|
|
3340
|
+
"type": "dropShadow"
|
|
3341
|
+
}
|
|
3342
|
+
],
|
|
3323
3343
|
"type": "boxShadow",
|
|
3324
3344
|
"public": true
|
|
3325
3345
|
},
|
|
@@ -75,5 +75,5 @@ $pds-color-link-visited: #967fff;
|
|
|
75
75
|
$pds-color-text-default: #ffffff;
|
|
76
76
|
$pds-color-text-headings: $pds-color-text-default;
|
|
77
77
|
$pds-color-text-paragraph: $pds-color-text-default;
|
|
78
|
-
$pds-elevation-overlay: 0px
|
|
79
|
-
$pds-elevation-raised: 0px
|
|
78
|
+
$pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
|
|
79
|
+
$pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
|
|
@@ -75,5 +75,5 @@ $pds-color-link-visited: #967fff;
|
|
|
75
75
|
$pds-color-text-default: #23232d;
|
|
76
76
|
$pds-color-text-headings: $pds-color-text-default;
|
|
77
77
|
$pds-color-text-paragraph: #23232d;
|
|
78
|
-
$pds-elevation-overlay: 0px
|
|
79
|
-
$pds-elevation-raised: 0px
|
|
78
|
+
$pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|
|
79
|
+
$pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
|