@pantheon-systems/pds-design-tokens 1.0.0-dev.93 → 1.0.0-dev.95
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 +14 -0
- package/build/css/pds-design-tokens-light-mode.css +15 -1
- package/build/figma/pds-design-tokens-figma.json +787 -181
- package/build/json/pds-design-tokens-dark-mode.json +316 -13
- package/build/json/pds-design-tokens-light-mode.json +318 -15
- package/package.json +1 -1
|
@@ -1281,12 +1281,12 @@
|
|
|
1281
1281
|
},
|
|
1282
1282
|
"foreground": {
|
|
1283
1283
|
"default": {
|
|
1284
|
-
"value": "#
|
|
1284
|
+
"value": "#23232d",
|
|
1285
1285
|
"public": true,
|
|
1286
1286
|
"filePath": "tokens/color/alias/button.light.json",
|
|
1287
1287
|
"isSource": true,
|
|
1288
1288
|
"original": {
|
|
1289
|
-
"value": "{color.light-mode.text.default
|
|
1289
|
+
"value": "{color.light-mode.text.default.value}",
|
|
1290
1290
|
"public": true
|
|
1291
1291
|
},
|
|
1292
1292
|
"name": "color-light-mode-button-subtle-foreground-default",
|
|
@@ -2217,6 +2217,234 @@
|
|
|
2217
2217
|
}
|
|
2218
2218
|
}
|
|
2219
2219
|
},
|
|
2220
|
+
"icon-button": {
|
|
2221
|
+
"standard": {
|
|
2222
|
+
"background": {
|
|
2223
|
+
"default": {
|
|
2224
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
2225
|
+
"public": true,
|
|
2226
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2227
|
+
"isSource": true,
|
|
2228
|
+
"original": {
|
|
2229
|
+
"value": "transparent",
|
|
2230
|
+
"public": true
|
|
2231
|
+
},
|
|
2232
|
+
"name": "color-light-mode-icon-button-standard-background-default",
|
|
2233
|
+
"attributes": {
|
|
2234
|
+
"category": "color",
|
|
2235
|
+
"type": "light-mode",
|
|
2236
|
+
"item": "icon-button",
|
|
2237
|
+
"subitem": "standard",
|
|
2238
|
+
"state": "background"
|
|
2239
|
+
},
|
|
2240
|
+
"path": [
|
|
2241
|
+
"color",
|
|
2242
|
+
"light-mode",
|
|
2243
|
+
"icon-button",
|
|
2244
|
+
"standard",
|
|
2245
|
+
"background",
|
|
2246
|
+
"default"
|
|
2247
|
+
]
|
|
2248
|
+
},
|
|
2249
|
+
"hover": {
|
|
2250
|
+
"value": "#f1f1f1",
|
|
2251
|
+
"public": true,
|
|
2252
|
+
"isReferenceToInternal": true,
|
|
2253
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2254
|
+
"isSource": true,
|
|
2255
|
+
"original": {
|
|
2256
|
+
"value": "{color.light-mode.neutral.200.value}",
|
|
2257
|
+
"public": true,
|
|
2258
|
+
"isReferenceToInternal": true
|
|
2259
|
+
},
|
|
2260
|
+
"name": "color-light-mode-icon-button-standard-background-hover",
|
|
2261
|
+
"attributes": {
|
|
2262
|
+
"category": "color",
|
|
2263
|
+
"type": "light-mode",
|
|
2264
|
+
"item": "icon-button",
|
|
2265
|
+
"subitem": "standard",
|
|
2266
|
+
"state": "background"
|
|
2267
|
+
},
|
|
2268
|
+
"path": [
|
|
2269
|
+
"color",
|
|
2270
|
+
"light-mode",
|
|
2271
|
+
"icon-button",
|
|
2272
|
+
"standard",
|
|
2273
|
+
"background",
|
|
2274
|
+
"hover"
|
|
2275
|
+
]
|
|
2276
|
+
},
|
|
2277
|
+
"active": {
|
|
2278
|
+
"value": "#cfcfd3",
|
|
2279
|
+
"public": true,
|
|
2280
|
+
"isReferenceToInternal": true,
|
|
2281
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2282
|
+
"isSource": true,
|
|
2283
|
+
"original": {
|
|
2284
|
+
"value": "{color.light-mode.neutral.300.value}",
|
|
2285
|
+
"public": true,
|
|
2286
|
+
"isReferenceToInternal": true
|
|
2287
|
+
},
|
|
2288
|
+
"name": "color-light-mode-icon-button-standard-background-active",
|
|
2289
|
+
"attributes": {
|
|
2290
|
+
"category": "color",
|
|
2291
|
+
"type": "light-mode",
|
|
2292
|
+
"item": "icon-button",
|
|
2293
|
+
"subitem": "standard",
|
|
2294
|
+
"state": "background"
|
|
2295
|
+
},
|
|
2296
|
+
"path": [
|
|
2297
|
+
"color",
|
|
2298
|
+
"light-mode",
|
|
2299
|
+
"icon-button",
|
|
2300
|
+
"standard",
|
|
2301
|
+
"background",
|
|
2302
|
+
"active"
|
|
2303
|
+
]
|
|
2304
|
+
}
|
|
2305
|
+
},
|
|
2306
|
+
"foreground": {
|
|
2307
|
+
"default": {
|
|
2308
|
+
"value": "#23232d",
|
|
2309
|
+
"public": true,
|
|
2310
|
+
"isReferenceToInternal": true,
|
|
2311
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2312
|
+
"isSource": true,
|
|
2313
|
+
"original": {
|
|
2314
|
+
"value": "{color.light-mode.neutral.500.value}",
|
|
2315
|
+
"public": true,
|
|
2316
|
+
"isReferenceToInternal": true
|
|
2317
|
+
},
|
|
2318
|
+
"name": "color-light-mode-icon-button-standard-foreground-default",
|
|
2319
|
+
"attributes": {
|
|
2320
|
+
"category": "color",
|
|
2321
|
+
"type": "light-mode",
|
|
2322
|
+
"item": "icon-button",
|
|
2323
|
+
"subitem": "standard",
|
|
2324
|
+
"state": "foreground"
|
|
2325
|
+
},
|
|
2326
|
+
"path": [
|
|
2327
|
+
"color",
|
|
2328
|
+
"light-mode",
|
|
2329
|
+
"icon-button",
|
|
2330
|
+
"standard",
|
|
2331
|
+
"foreground",
|
|
2332
|
+
"default"
|
|
2333
|
+
]
|
|
2334
|
+
}
|
|
2335
|
+
}
|
|
2336
|
+
},
|
|
2337
|
+
"critical": {
|
|
2338
|
+
"background": {
|
|
2339
|
+
"default": {
|
|
2340
|
+
"value": "#ca3521",
|
|
2341
|
+
"public": true,
|
|
2342
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2343
|
+
"isSource": true,
|
|
2344
|
+
"original": {
|
|
2345
|
+
"value": "{color.light-mode.button.critical.background.default.value}",
|
|
2346
|
+
"public": true
|
|
2347
|
+
},
|
|
2348
|
+
"name": "color-light-mode-icon-button-critical-background-default",
|
|
2349
|
+
"attributes": {
|
|
2350
|
+
"category": "color",
|
|
2351
|
+
"type": "light-mode",
|
|
2352
|
+
"item": "icon-button",
|
|
2353
|
+
"subitem": "critical",
|
|
2354
|
+
"state": "background"
|
|
2355
|
+
},
|
|
2356
|
+
"path": [
|
|
2357
|
+
"color",
|
|
2358
|
+
"light-mode",
|
|
2359
|
+
"icon-button",
|
|
2360
|
+
"critical",
|
|
2361
|
+
"background",
|
|
2362
|
+
"default"
|
|
2363
|
+
]
|
|
2364
|
+
},
|
|
2365
|
+
"hover": {
|
|
2366
|
+
"value": "#cf4937",
|
|
2367
|
+
"public": true,
|
|
2368
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2369
|
+
"isSource": true,
|
|
2370
|
+
"original": {
|
|
2371
|
+
"value": "{color.light-mode.button.critical.background.hover.value}",
|
|
2372
|
+
"public": true
|
|
2373
|
+
},
|
|
2374
|
+
"name": "color-light-mode-icon-button-critical-background-hover",
|
|
2375
|
+
"attributes": {
|
|
2376
|
+
"category": "color",
|
|
2377
|
+
"type": "light-mode",
|
|
2378
|
+
"item": "icon-button",
|
|
2379
|
+
"subitem": "critical",
|
|
2380
|
+
"state": "background"
|
|
2381
|
+
},
|
|
2382
|
+
"path": [
|
|
2383
|
+
"color",
|
|
2384
|
+
"light-mode",
|
|
2385
|
+
"icon-button",
|
|
2386
|
+
"critical",
|
|
2387
|
+
"background",
|
|
2388
|
+
"hover"
|
|
2389
|
+
]
|
|
2390
|
+
},
|
|
2391
|
+
"active": {
|
|
2392
|
+
"value": "#b6301e",
|
|
2393
|
+
"public": true,
|
|
2394
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2395
|
+
"isSource": true,
|
|
2396
|
+
"original": {
|
|
2397
|
+
"value": "{color.light-mode.button.critical.background.active.value}",
|
|
2398
|
+
"public": true
|
|
2399
|
+
},
|
|
2400
|
+
"name": "color-light-mode-icon-button-critical-background-active",
|
|
2401
|
+
"attributes": {
|
|
2402
|
+
"category": "color",
|
|
2403
|
+
"type": "light-mode",
|
|
2404
|
+
"item": "icon-button",
|
|
2405
|
+
"subitem": "critical",
|
|
2406
|
+
"state": "background"
|
|
2407
|
+
},
|
|
2408
|
+
"path": [
|
|
2409
|
+
"color",
|
|
2410
|
+
"light-mode",
|
|
2411
|
+
"icon-button",
|
|
2412
|
+
"critical",
|
|
2413
|
+
"background",
|
|
2414
|
+
"active"
|
|
2415
|
+
]
|
|
2416
|
+
}
|
|
2417
|
+
},
|
|
2418
|
+
"foreground": {
|
|
2419
|
+
"default": {
|
|
2420
|
+
"value": "#ffffff",
|
|
2421
|
+
"public": true,
|
|
2422
|
+
"filePath": "tokens/color/alias/button.light.json",
|
|
2423
|
+
"isSource": true,
|
|
2424
|
+
"original": {
|
|
2425
|
+
"value": "{color.light-mode.button.critical.foreground.default.value}",
|
|
2426
|
+
"public": true
|
|
2427
|
+
},
|
|
2428
|
+
"name": "color-light-mode-icon-button-critical-foreground-default",
|
|
2429
|
+
"attributes": {
|
|
2430
|
+
"category": "color",
|
|
2431
|
+
"type": "light-mode",
|
|
2432
|
+
"item": "icon-button",
|
|
2433
|
+
"subitem": "critical",
|
|
2434
|
+
"state": "foreground"
|
|
2435
|
+
},
|
|
2436
|
+
"path": [
|
|
2437
|
+
"color",
|
|
2438
|
+
"light-mode",
|
|
2439
|
+
"icon-button",
|
|
2440
|
+
"critical",
|
|
2441
|
+
"foreground",
|
|
2442
|
+
"default"
|
|
2443
|
+
]
|
|
2444
|
+
}
|
|
2445
|
+
}
|
|
2446
|
+
}
|
|
2447
|
+
},
|
|
2220
2448
|
"toggle-button": {
|
|
2221
2449
|
"background": {
|
|
2222
2450
|
"off": {
|
|
@@ -5164,54 +5392,60 @@
|
|
|
5164
5392
|
}
|
|
5165
5393
|
},
|
|
5166
5394
|
"partner": {
|
|
5167
|
-
"
|
|
5168
|
-
"value": "#
|
|
5395
|
+
"bitbucket": {
|
|
5396
|
+
"value": "#004dc0",
|
|
5397
|
+
"public": true,
|
|
5169
5398
|
"filePath": "tokens/color/base/brand.light.json",
|
|
5170
5399
|
"isSource": true,
|
|
5171
5400
|
"original": {
|
|
5172
|
-
"value": "#
|
|
5401
|
+
"value": "#004DC0",
|
|
5402
|
+
"public": true
|
|
5173
5403
|
},
|
|
5174
|
-
"name": "color-light-mode-partner-
|
|
5404
|
+
"name": "color-light-mode-partner-bitbucket",
|
|
5175
5405
|
"attributes": {
|
|
5176
5406
|
"category": "color",
|
|
5177
5407
|
"type": "light-mode",
|
|
5178
5408
|
"item": "partner",
|
|
5179
|
-
"subitem": "
|
|
5409
|
+
"subitem": "bitbucket"
|
|
5180
5410
|
},
|
|
5181
5411
|
"path": [
|
|
5182
5412
|
"color",
|
|
5183
5413
|
"light-mode",
|
|
5184
5414
|
"partner",
|
|
5185
|
-
"
|
|
5415
|
+
"bitbucket"
|
|
5186
5416
|
]
|
|
5187
5417
|
},
|
|
5188
|
-
"
|
|
5189
|
-
"value": "#
|
|
5418
|
+
"drupal": {
|
|
5419
|
+
"value": "#009cde",
|
|
5420
|
+
"public": true,
|
|
5190
5421
|
"filePath": "tokens/color/base/brand.light.json",
|
|
5191
5422
|
"isSource": true,
|
|
5192
5423
|
"original": {
|
|
5193
|
-
"value": "#
|
|
5424
|
+
"value": "#009CDE",
|
|
5425
|
+
"public": true
|
|
5194
5426
|
},
|
|
5195
|
-
"name": "color-light-mode-partner-
|
|
5427
|
+
"name": "color-light-mode-partner-drupal",
|
|
5196
5428
|
"attributes": {
|
|
5197
5429
|
"category": "color",
|
|
5198
5430
|
"type": "light-mode",
|
|
5199
5431
|
"item": "partner",
|
|
5200
|
-
"subitem": "
|
|
5432
|
+
"subitem": "drupal"
|
|
5201
5433
|
},
|
|
5202
5434
|
"path": [
|
|
5203
5435
|
"color",
|
|
5204
5436
|
"light-mode",
|
|
5205
5437
|
"partner",
|
|
5206
|
-
"
|
|
5438
|
+
"drupal"
|
|
5207
5439
|
]
|
|
5208
5440
|
},
|
|
5209
5441
|
"gatsby": {
|
|
5210
5442
|
"value": "#663399",
|
|
5443
|
+
"public": true,
|
|
5211
5444
|
"filePath": "tokens/color/base/brand.light.json",
|
|
5212
5445
|
"isSource": true,
|
|
5213
5446
|
"original": {
|
|
5214
|
-
"value": "#663399"
|
|
5447
|
+
"value": "#663399",
|
|
5448
|
+
"public": true
|
|
5215
5449
|
},
|
|
5216
5450
|
"name": "color-light-mode-partner-gatsby",
|
|
5217
5451
|
"attributes": {
|
|
@@ -5226,6 +5460,75 @@
|
|
|
5226
5460
|
"partner",
|
|
5227
5461
|
"gatsby"
|
|
5228
5462
|
]
|
|
5463
|
+
},
|
|
5464
|
+
"gitlab": {
|
|
5465
|
+
"value": "#ffedfb",
|
|
5466
|
+
"public": true,
|
|
5467
|
+
"filePath": "tokens/color/base/brand.light.json",
|
|
5468
|
+
"isSource": true,
|
|
5469
|
+
"original": {
|
|
5470
|
+
"value": "#FFEDFB",
|
|
5471
|
+
"public": true
|
|
5472
|
+
},
|
|
5473
|
+
"name": "color-light-mode-partner-gitlab",
|
|
5474
|
+
"attributes": {
|
|
5475
|
+
"category": "color",
|
|
5476
|
+
"type": "light-mode",
|
|
5477
|
+
"item": "partner",
|
|
5478
|
+
"subitem": "gitlab"
|
|
5479
|
+
},
|
|
5480
|
+
"path": [
|
|
5481
|
+
"color",
|
|
5482
|
+
"light-mode",
|
|
5483
|
+
"partner",
|
|
5484
|
+
"gitlab"
|
|
5485
|
+
]
|
|
5486
|
+
},
|
|
5487
|
+
"nextjs": {
|
|
5488
|
+
"value": "#000000",
|
|
5489
|
+
"public": true,
|
|
5490
|
+
"filePath": "tokens/color/base/brand.light.json",
|
|
5491
|
+
"isSource": true,
|
|
5492
|
+
"original": {
|
|
5493
|
+
"value": "#000000",
|
|
5494
|
+
"public": true
|
|
5495
|
+
},
|
|
5496
|
+
"name": "color-light-mode-partner-nextjs",
|
|
5497
|
+
"attributes": {
|
|
5498
|
+
"category": "color",
|
|
5499
|
+
"type": "light-mode",
|
|
5500
|
+
"item": "partner",
|
|
5501
|
+
"subitem": "nextjs"
|
|
5502
|
+
},
|
|
5503
|
+
"path": [
|
|
5504
|
+
"color",
|
|
5505
|
+
"light-mode",
|
|
5506
|
+
"partner",
|
|
5507
|
+
"nextjs"
|
|
5508
|
+
]
|
|
5509
|
+
},
|
|
5510
|
+
"wordpress": {
|
|
5511
|
+
"value": "#0073aa",
|
|
5512
|
+
"public": true,
|
|
5513
|
+
"filePath": "tokens/color/base/brand.light.json",
|
|
5514
|
+
"isSource": true,
|
|
5515
|
+
"original": {
|
|
5516
|
+
"value": "#0073AA",
|
|
5517
|
+
"public": true
|
|
5518
|
+
},
|
|
5519
|
+
"name": "color-light-mode-partner-wordpress",
|
|
5520
|
+
"attributes": {
|
|
5521
|
+
"category": "color",
|
|
5522
|
+
"type": "light-mode",
|
|
5523
|
+
"item": "partner",
|
|
5524
|
+
"subitem": "wordpress"
|
|
5525
|
+
},
|
|
5526
|
+
"path": [
|
|
5527
|
+
"color",
|
|
5528
|
+
"light-mode",
|
|
5529
|
+
"partner",
|
|
5530
|
+
"wordpress"
|
|
5531
|
+
]
|
|
5229
5532
|
}
|
|
5230
5533
|
},
|
|
5231
5534
|
"gradient": {
|