@pantheon-systems/pds-design-tokens 1.0.0-dev.126 → 1.0.0-dev.127
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 +1 -0
- package/build/css/pds-design-tokens-light-mode.css +3 -0
- package/build/figma/pds-design-tokens-figma.json +102 -2
- package/build/json/pds-design-tokens-dark-mode.json +25 -0
- package/build/json/pds-design-tokens-light-mode.json +75 -0
- package/package.json +1 -1
|
@@ -190,6 +190,7 @@
|
|
|
190
190
|
--pds-color-semantic-warning-background: #3d2e00;
|
|
191
191
|
--pds-color-semantic-warning-foreground: #cf9f02;
|
|
192
192
|
--pds-color-side-nav-background-hover: #282839;
|
|
193
|
+
--pds-color-social-rss: #f3763a;
|
|
193
194
|
--pds-color-stepper-completed: #8a70ff;
|
|
194
195
|
--pds-color-stepper-current: #8a70ff;
|
|
195
196
|
--pds-color-stepper-default: #858299;
|
|
@@ -214,15 +214,18 @@
|
|
|
214
214
|
--pds-color-progress-partial: #1d7afc;
|
|
215
215
|
--pds-color-semantic-critical-background: #ffedeb;
|
|
216
216
|
--pds-color-semantic-critical-foreground: #ca3521;
|
|
217
|
+
--pds-color-semantic-critical-utility: #000000;
|
|
217
218
|
--pds-color-semantic-discovery-background: #eae6ff;
|
|
218
219
|
--pds-color-semantic-discovery-foreground: #8270db;
|
|
219
220
|
--pds-color-semantic-info-background: #e9f2ff;
|
|
220
221
|
--pds-color-semantic-info-foreground: #1d7afc;
|
|
221
222
|
--pds-color-semantic-success-background: #e3fcef;
|
|
222
223
|
--pds-color-semantic-success-foreground: #218c5f;
|
|
224
|
+
--pds-color-semantic-success-utility: #35ae7b;
|
|
223
225
|
--pds-color-semantic-warning-background: #fff7d6;
|
|
224
226
|
--pds-color-semantic-warning-foreground: #d97008;
|
|
225
227
|
--pds-color-side-nav-background-hover: #f0edfb;
|
|
228
|
+
--pds-color-social-rss: #f26522;
|
|
226
229
|
--pds-color-stepper-completed: #3017a1;
|
|
227
230
|
--pds-color-stepper-current: #3017a1;
|
|
228
231
|
--pds-color-stepper-default: #cfcfd3;
|
|
@@ -1495,7 +1495,7 @@
|
|
|
1495
1495
|
"form": {
|
|
1496
1496
|
"label": {
|
|
1497
1497
|
"value": {
|
|
1498
|
-
"fontSize": "
|
|
1498
|
+
"fontSize": "0.833 * 16",
|
|
1499
1499
|
"fontFamily": "Poppins",
|
|
1500
1500
|
"fontWeight": 600,
|
|
1501
1501
|
"lineHeight": "120%"
|
|
@@ -1505,7 +1505,7 @@
|
|
|
1505
1505
|
"isSource": true,
|
|
1506
1506
|
"original": {
|
|
1507
1507
|
"value": {
|
|
1508
|
-
"fontSize": "{typography.size.
|
|
1508
|
+
"fontSize": "{typography.size.S} * {figma.typography.size.base}",
|
|
1509
1509
|
"fontFamily": "Poppins",
|
|
1510
1510
|
"fontWeight": "{typography.font-weight.semibold}",
|
|
1511
1511
|
"lineHeight": "{typography.line-height.S}"
|
|
@@ -9000,6 +9000,31 @@
|
|
|
9000
9000
|
]
|
|
9001
9001
|
}
|
|
9002
9002
|
},
|
|
9003
|
+
"social": {
|
|
9004
|
+
"rss": {
|
|
9005
|
+
"value": "#f3763a",
|
|
9006
|
+
"public": true,
|
|
9007
|
+
"filePath": "tokens/color/base/brand.dark.json",
|
|
9008
|
+
"isSource": true,
|
|
9009
|
+
"original": {
|
|
9010
|
+
"value": "#f3763a",
|
|
9011
|
+
"public": true
|
|
9012
|
+
},
|
|
9013
|
+
"name": "color-dark-mode-social-rss",
|
|
9014
|
+
"attributes": {
|
|
9015
|
+
"category": "color",
|
|
9016
|
+
"type": "dark-mode",
|
|
9017
|
+
"item": "social",
|
|
9018
|
+
"subitem": "rss"
|
|
9019
|
+
},
|
|
9020
|
+
"path": [
|
|
9021
|
+
"color",
|
|
9022
|
+
"dark-mode",
|
|
9023
|
+
"social",
|
|
9024
|
+
"rss"
|
|
9025
|
+
]
|
|
9026
|
+
}
|
|
9027
|
+
},
|
|
9003
9028
|
"gradient": {
|
|
9004
9029
|
"sunrise": {
|
|
9005
9030
|
"value": "linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%)",
|
|
@@ -16255,6 +16280,31 @@
|
|
|
16255
16280
|
]
|
|
16256
16281
|
}
|
|
16257
16282
|
},
|
|
16283
|
+
"social": {
|
|
16284
|
+
"rss": {
|
|
16285
|
+
"value": "#f26522",
|
|
16286
|
+
"public": true,
|
|
16287
|
+
"filePath": "tokens/color/base/brand.light.json",
|
|
16288
|
+
"isSource": true,
|
|
16289
|
+
"original": {
|
|
16290
|
+
"value": "#f26522",
|
|
16291
|
+
"public": true
|
|
16292
|
+
},
|
|
16293
|
+
"name": "color-light-mode-social-rss",
|
|
16294
|
+
"attributes": {
|
|
16295
|
+
"category": "color",
|
|
16296
|
+
"type": "light-mode",
|
|
16297
|
+
"item": "social",
|
|
16298
|
+
"subitem": "rss"
|
|
16299
|
+
},
|
|
16300
|
+
"path": [
|
|
16301
|
+
"color",
|
|
16302
|
+
"light-mode",
|
|
16303
|
+
"social",
|
|
16304
|
+
"rss"
|
|
16305
|
+
]
|
|
16306
|
+
}
|
|
16307
|
+
},
|
|
16258
16308
|
"gradient": {
|
|
16259
16309
|
"sunrise": {
|
|
16260
16310
|
"value": "linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%)",
|
|
@@ -17102,6 +17152,31 @@
|
|
|
17102
17152
|
"foreground"
|
|
17103
17153
|
]
|
|
17104
17154
|
},
|
|
17155
|
+
"utility": {
|
|
17156
|
+
"value": "#35ae7b",
|
|
17157
|
+
"public": true,
|
|
17158
|
+
"filePath": "tokens/color/base/semantic.light.json",
|
|
17159
|
+
"isSource": true,
|
|
17160
|
+
"original": {
|
|
17161
|
+
"value": "#35AE7B",
|
|
17162
|
+
"public": true
|
|
17163
|
+
},
|
|
17164
|
+
"name": "color-light-mode-semantic-success-utility",
|
|
17165
|
+
"attributes": {
|
|
17166
|
+
"category": "color",
|
|
17167
|
+
"type": "light-mode",
|
|
17168
|
+
"item": "semantic",
|
|
17169
|
+
"subitem": "success",
|
|
17170
|
+
"state": "utility"
|
|
17171
|
+
},
|
|
17172
|
+
"path": [
|
|
17173
|
+
"color",
|
|
17174
|
+
"light-mode",
|
|
17175
|
+
"semantic",
|
|
17176
|
+
"success",
|
|
17177
|
+
"utility"
|
|
17178
|
+
]
|
|
17179
|
+
},
|
|
17105
17180
|
"background": {
|
|
17106
17181
|
"value": "#e3fcef",
|
|
17107
17182
|
"public": true,
|
|
@@ -17258,6 +17333,31 @@
|
|
|
17258
17333
|
"foreground"
|
|
17259
17334
|
]
|
|
17260
17335
|
},
|
|
17336
|
+
"utility": {
|
|
17337
|
+
"value": "#000000",
|
|
17338
|
+
"public": true,
|
|
17339
|
+
"filePath": "tokens/color/base/semantic.light.json",
|
|
17340
|
+
"isSource": true,
|
|
17341
|
+
"original": {
|
|
17342
|
+
"value": "##F35945",
|
|
17343
|
+
"public": true
|
|
17344
|
+
},
|
|
17345
|
+
"name": "color-light-mode-semantic-critical-utility",
|
|
17346
|
+
"attributes": {
|
|
17347
|
+
"category": "color",
|
|
17348
|
+
"type": "light-mode",
|
|
17349
|
+
"item": "semantic",
|
|
17350
|
+
"subitem": "critical",
|
|
17351
|
+
"state": "utility"
|
|
17352
|
+
},
|
|
17353
|
+
"path": [
|
|
17354
|
+
"color",
|
|
17355
|
+
"light-mode",
|
|
17356
|
+
"semantic",
|
|
17357
|
+
"critical",
|
|
17358
|
+
"utility"
|
|
17359
|
+
]
|
|
17360
|
+
},
|
|
17261
17361
|
"background": {
|
|
17262
17362
|
"value": "#ffedeb",
|
|
17263
17363
|
"public": true,
|
|
@@ -6103,6 +6103,31 @@
|
|
|
6103
6103
|
]
|
|
6104
6104
|
}
|
|
6105
6105
|
},
|
|
6106
|
+
"social": {
|
|
6107
|
+
"rss": {
|
|
6108
|
+
"value": "#f3763a",
|
|
6109
|
+
"public": true,
|
|
6110
|
+
"filePath": "tokens/color/base/brand.dark.json",
|
|
6111
|
+
"isSource": true,
|
|
6112
|
+
"original": {
|
|
6113
|
+
"value": "#f3763a",
|
|
6114
|
+
"public": true
|
|
6115
|
+
},
|
|
6116
|
+
"name": "color-dark-mode-social-rss",
|
|
6117
|
+
"attributes": {
|
|
6118
|
+
"category": "color",
|
|
6119
|
+
"type": "dark-mode",
|
|
6120
|
+
"item": "social",
|
|
6121
|
+
"subitem": "rss"
|
|
6122
|
+
},
|
|
6123
|
+
"path": [
|
|
6124
|
+
"color",
|
|
6125
|
+
"dark-mode",
|
|
6126
|
+
"social",
|
|
6127
|
+
"rss"
|
|
6128
|
+
]
|
|
6129
|
+
}
|
|
6130
|
+
},
|
|
6106
6131
|
"gradient": {
|
|
6107
6132
|
"sunrise": {
|
|
6108
6133
|
"value": "linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%)",
|
|
@@ -6489,6 +6489,31 @@
|
|
|
6489
6489
|
]
|
|
6490
6490
|
}
|
|
6491
6491
|
},
|
|
6492
|
+
"social": {
|
|
6493
|
+
"rss": {
|
|
6494
|
+
"value": "#f26522",
|
|
6495
|
+
"public": true,
|
|
6496
|
+
"filePath": "tokens/color/base/brand.light.json",
|
|
6497
|
+
"isSource": true,
|
|
6498
|
+
"original": {
|
|
6499
|
+
"value": "#f26522",
|
|
6500
|
+
"public": true
|
|
6501
|
+
},
|
|
6502
|
+
"name": "color-light-mode-social-rss",
|
|
6503
|
+
"attributes": {
|
|
6504
|
+
"category": "color",
|
|
6505
|
+
"type": "light-mode",
|
|
6506
|
+
"item": "social",
|
|
6507
|
+
"subitem": "rss"
|
|
6508
|
+
},
|
|
6509
|
+
"path": [
|
|
6510
|
+
"color",
|
|
6511
|
+
"light-mode",
|
|
6512
|
+
"social",
|
|
6513
|
+
"rss"
|
|
6514
|
+
]
|
|
6515
|
+
}
|
|
6516
|
+
},
|
|
6492
6517
|
"gradient": {
|
|
6493
6518
|
"sunrise": {
|
|
6494
6519
|
"value": "linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%)",
|
|
@@ -7449,6 +7474,31 @@
|
|
|
7449
7474
|
"foreground"
|
|
7450
7475
|
]
|
|
7451
7476
|
},
|
|
7477
|
+
"utility": {
|
|
7478
|
+
"value": "#35ae7b",
|
|
7479
|
+
"public": true,
|
|
7480
|
+
"filePath": "tokens/color/base/semantic.light.json",
|
|
7481
|
+
"isSource": true,
|
|
7482
|
+
"original": {
|
|
7483
|
+
"value": "#35AE7B",
|
|
7484
|
+
"public": true
|
|
7485
|
+
},
|
|
7486
|
+
"name": "color-light-mode-semantic-success-utility",
|
|
7487
|
+
"attributes": {
|
|
7488
|
+
"category": "color",
|
|
7489
|
+
"type": "light-mode",
|
|
7490
|
+
"item": "semantic",
|
|
7491
|
+
"subitem": "success",
|
|
7492
|
+
"state": "utility"
|
|
7493
|
+
},
|
|
7494
|
+
"path": [
|
|
7495
|
+
"color",
|
|
7496
|
+
"light-mode",
|
|
7497
|
+
"semantic",
|
|
7498
|
+
"success",
|
|
7499
|
+
"utility"
|
|
7500
|
+
]
|
|
7501
|
+
},
|
|
7452
7502
|
"background": {
|
|
7453
7503
|
"value": "#e3fcef",
|
|
7454
7504
|
"public": true,
|
|
@@ -7605,6 +7655,31 @@
|
|
|
7605
7655
|
"foreground"
|
|
7606
7656
|
]
|
|
7607
7657
|
},
|
|
7658
|
+
"utility": {
|
|
7659
|
+
"value": "#000000",
|
|
7660
|
+
"public": true,
|
|
7661
|
+
"filePath": "tokens/color/base/semantic.light.json",
|
|
7662
|
+
"isSource": true,
|
|
7663
|
+
"original": {
|
|
7664
|
+
"value": "##F35945",
|
|
7665
|
+
"public": true
|
|
7666
|
+
},
|
|
7667
|
+
"name": "color-light-mode-semantic-critical-utility",
|
|
7668
|
+
"attributes": {
|
|
7669
|
+
"category": "color",
|
|
7670
|
+
"type": "light-mode",
|
|
7671
|
+
"item": "semantic",
|
|
7672
|
+
"subitem": "critical",
|
|
7673
|
+
"state": "utility"
|
|
7674
|
+
},
|
|
7675
|
+
"path": [
|
|
7676
|
+
"color",
|
|
7677
|
+
"light-mode",
|
|
7678
|
+
"semantic",
|
|
7679
|
+
"critical",
|
|
7680
|
+
"utility"
|
|
7681
|
+
]
|
|
7682
|
+
},
|
|
7608
7683
|
"background": {
|
|
7609
7684
|
"value": "#ffedeb",
|
|
7610
7685
|
"public": true,
|