@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
|
@@ -2227,6 +2227,234 @@
|
|
|
2227
2227
|
}
|
|
2228
2228
|
}
|
|
2229
2229
|
},
|
|
2230
|
+
"icon-button": {
|
|
2231
|
+
"standard": {
|
|
2232
|
+
"background": {
|
|
2233
|
+
"default": {
|
|
2234
|
+
"value": "rgba(0, 0, 0, 0)",
|
|
2235
|
+
"public": true,
|
|
2236
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2237
|
+
"isSource": true,
|
|
2238
|
+
"original": {
|
|
2239
|
+
"value": "transparent",
|
|
2240
|
+
"public": true
|
|
2241
|
+
},
|
|
2242
|
+
"name": "color-dark-mode-icon-button-standard-background-default",
|
|
2243
|
+
"attributes": {
|
|
2244
|
+
"category": "color",
|
|
2245
|
+
"type": "dark-mode",
|
|
2246
|
+
"item": "icon-button",
|
|
2247
|
+
"subitem": "standard",
|
|
2248
|
+
"state": "background"
|
|
2249
|
+
},
|
|
2250
|
+
"path": [
|
|
2251
|
+
"color",
|
|
2252
|
+
"dark-mode",
|
|
2253
|
+
"icon-button",
|
|
2254
|
+
"standard",
|
|
2255
|
+
"background",
|
|
2256
|
+
"default"
|
|
2257
|
+
]
|
|
2258
|
+
},
|
|
2259
|
+
"hover": {
|
|
2260
|
+
"value": "#a6a3b4",
|
|
2261
|
+
"public": true,
|
|
2262
|
+
"isReferenceToInternal": true,
|
|
2263
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2264
|
+
"isSource": true,
|
|
2265
|
+
"original": {
|
|
2266
|
+
"value": "{color.dark-mode.neutral.200.value}",
|
|
2267
|
+
"public": true,
|
|
2268
|
+
"isReferenceToInternal": true
|
|
2269
|
+
},
|
|
2270
|
+
"name": "color-dark-mode-icon-button-standard-background-hover",
|
|
2271
|
+
"attributes": {
|
|
2272
|
+
"category": "color",
|
|
2273
|
+
"type": "dark-mode",
|
|
2274
|
+
"item": "icon-button",
|
|
2275
|
+
"subitem": "standard",
|
|
2276
|
+
"state": "background"
|
|
2277
|
+
},
|
|
2278
|
+
"path": [
|
|
2279
|
+
"color",
|
|
2280
|
+
"dark-mode",
|
|
2281
|
+
"icon-button",
|
|
2282
|
+
"standard",
|
|
2283
|
+
"background",
|
|
2284
|
+
"hover"
|
|
2285
|
+
]
|
|
2286
|
+
},
|
|
2287
|
+
"active": {
|
|
2288
|
+
"value": "#858299",
|
|
2289
|
+
"public": true,
|
|
2290
|
+
"isReferenceToInternal": true,
|
|
2291
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2292
|
+
"isSource": true,
|
|
2293
|
+
"original": {
|
|
2294
|
+
"value": "{color.dark-mode.neutral.300.value}",
|
|
2295
|
+
"public": true,
|
|
2296
|
+
"isReferenceToInternal": true
|
|
2297
|
+
},
|
|
2298
|
+
"name": "color-dark-mode-icon-button-standard-background-active",
|
|
2299
|
+
"attributes": {
|
|
2300
|
+
"category": "color",
|
|
2301
|
+
"type": "dark-mode",
|
|
2302
|
+
"item": "icon-button",
|
|
2303
|
+
"subitem": "standard",
|
|
2304
|
+
"state": "background"
|
|
2305
|
+
},
|
|
2306
|
+
"path": [
|
|
2307
|
+
"color",
|
|
2308
|
+
"dark-mode",
|
|
2309
|
+
"icon-button",
|
|
2310
|
+
"standard",
|
|
2311
|
+
"background",
|
|
2312
|
+
"active"
|
|
2313
|
+
]
|
|
2314
|
+
}
|
|
2315
|
+
},
|
|
2316
|
+
"foreground": {
|
|
2317
|
+
"default": {
|
|
2318
|
+
"value": "#ffffff",
|
|
2319
|
+
"public": true,
|
|
2320
|
+
"isReferenceToInternal": true,
|
|
2321
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2322
|
+
"isSource": true,
|
|
2323
|
+
"original": {
|
|
2324
|
+
"value": "{color.dark-mode.neutral.000.value}",
|
|
2325
|
+
"public": true,
|
|
2326
|
+
"isReferenceToInternal": true
|
|
2327
|
+
},
|
|
2328
|
+
"name": "color-dark-mode-icon-button-standard-foreground-default",
|
|
2329
|
+
"attributes": {
|
|
2330
|
+
"category": "color",
|
|
2331
|
+
"type": "dark-mode",
|
|
2332
|
+
"item": "icon-button",
|
|
2333
|
+
"subitem": "standard",
|
|
2334
|
+
"state": "foreground"
|
|
2335
|
+
},
|
|
2336
|
+
"path": [
|
|
2337
|
+
"color",
|
|
2338
|
+
"dark-mode",
|
|
2339
|
+
"icon-button",
|
|
2340
|
+
"standard",
|
|
2341
|
+
"foreground",
|
|
2342
|
+
"default"
|
|
2343
|
+
]
|
|
2344
|
+
}
|
|
2345
|
+
}
|
|
2346
|
+
},
|
|
2347
|
+
"critical": {
|
|
2348
|
+
"background": {
|
|
2349
|
+
"default": {
|
|
2350
|
+
"value": "#ca3521",
|
|
2351
|
+
"public": true,
|
|
2352
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2353
|
+
"isSource": true,
|
|
2354
|
+
"original": {
|
|
2355
|
+
"value": "{color.dark-mode.button.critical.background.default.value}",
|
|
2356
|
+
"public": true
|
|
2357
|
+
},
|
|
2358
|
+
"name": "color-dark-mode-icon-button-critical-background-default",
|
|
2359
|
+
"attributes": {
|
|
2360
|
+
"category": "color",
|
|
2361
|
+
"type": "dark-mode",
|
|
2362
|
+
"item": "icon-button",
|
|
2363
|
+
"subitem": "critical",
|
|
2364
|
+
"state": "background"
|
|
2365
|
+
},
|
|
2366
|
+
"path": [
|
|
2367
|
+
"color",
|
|
2368
|
+
"dark-mode",
|
|
2369
|
+
"icon-button",
|
|
2370
|
+
"critical",
|
|
2371
|
+
"background",
|
|
2372
|
+
"default"
|
|
2373
|
+
]
|
|
2374
|
+
},
|
|
2375
|
+
"hover": {
|
|
2376
|
+
"value": "#b6301e",
|
|
2377
|
+
"public": true,
|
|
2378
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2379
|
+
"isSource": true,
|
|
2380
|
+
"original": {
|
|
2381
|
+
"value": "{color.dark-mode.button.critical.background.hover.value}",
|
|
2382
|
+
"public": true
|
|
2383
|
+
},
|
|
2384
|
+
"name": "color-dark-mode-icon-button-critical-background-hover",
|
|
2385
|
+
"attributes": {
|
|
2386
|
+
"category": "color",
|
|
2387
|
+
"type": "dark-mode",
|
|
2388
|
+
"item": "icon-button",
|
|
2389
|
+
"subitem": "critical",
|
|
2390
|
+
"state": "background"
|
|
2391
|
+
},
|
|
2392
|
+
"path": [
|
|
2393
|
+
"color",
|
|
2394
|
+
"dark-mode",
|
|
2395
|
+
"icon-button",
|
|
2396
|
+
"critical",
|
|
2397
|
+
"background",
|
|
2398
|
+
"hover"
|
|
2399
|
+
]
|
|
2400
|
+
},
|
|
2401
|
+
"active": {
|
|
2402
|
+
"value": "#a22a1a",
|
|
2403
|
+
"public": true,
|
|
2404
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2405
|
+
"isSource": true,
|
|
2406
|
+
"original": {
|
|
2407
|
+
"value": "{color.dark-mode.button.critical.background.active.value}",
|
|
2408
|
+
"public": true
|
|
2409
|
+
},
|
|
2410
|
+
"name": "color-dark-mode-icon-button-critical-background-active",
|
|
2411
|
+
"attributes": {
|
|
2412
|
+
"category": "color",
|
|
2413
|
+
"type": "dark-mode",
|
|
2414
|
+
"item": "icon-button",
|
|
2415
|
+
"subitem": "critical",
|
|
2416
|
+
"state": "background"
|
|
2417
|
+
},
|
|
2418
|
+
"path": [
|
|
2419
|
+
"color",
|
|
2420
|
+
"dark-mode",
|
|
2421
|
+
"icon-button",
|
|
2422
|
+
"critical",
|
|
2423
|
+
"background",
|
|
2424
|
+
"active"
|
|
2425
|
+
]
|
|
2426
|
+
}
|
|
2427
|
+
},
|
|
2428
|
+
"foreground": {
|
|
2429
|
+
"default": {
|
|
2430
|
+
"value": "#ffffff",
|
|
2431
|
+
"public": true,
|
|
2432
|
+
"filePath": "tokens/color/alias/button.dark.json",
|
|
2433
|
+
"isSource": true,
|
|
2434
|
+
"original": {
|
|
2435
|
+
"value": "{color.dark-mode.button.critical.foreground.default.value}",
|
|
2436
|
+
"public": true
|
|
2437
|
+
},
|
|
2438
|
+
"name": "color-dark-mode-icon-button-critical-foreground-default",
|
|
2439
|
+
"attributes": {
|
|
2440
|
+
"category": "color",
|
|
2441
|
+
"type": "dark-mode",
|
|
2442
|
+
"item": "icon-button",
|
|
2443
|
+
"subitem": "critical",
|
|
2444
|
+
"state": "foreground"
|
|
2445
|
+
},
|
|
2446
|
+
"path": [
|
|
2447
|
+
"color",
|
|
2448
|
+
"dark-mode",
|
|
2449
|
+
"icon-button",
|
|
2450
|
+
"critical",
|
|
2451
|
+
"foreground",
|
|
2452
|
+
"default"
|
|
2453
|
+
]
|
|
2454
|
+
}
|
|
2455
|
+
}
|
|
2456
|
+
}
|
|
2457
|
+
},
|
|
2230
2458
|
"toggle-button": {
|
|
2231
2459
|
"background": {
|
|
2232
2460
|
"off": {
|
|
@@ -5089,54 +5317,60 @@
|
|
|
5089
5317
|
}
|
|
5090
5318
|
},
|
|
5091
5319
|
"partner": {
|
|
5092
|
-
"
|
|
5093
|
-
"value": "#
|
|
5320
|
+
"bitbucket": {
|
|
5321
|
+
"value": "#004dc0",
|
|
5322
|
+
"public": true,
|
|
5094
5323
|
"filePath": "tokens/color/base/brand.dark.json",
|
|
5095
5324
|
"isSource": true,
|
|
5096
5325
|
"original": {
|
|
5097
|
-
"value": "#
|
|
5326
|
+
"value": "#004DC0",
|
|
5327
|
+
"public": true
|
|
5098
5328
|
},
|
|
5099
|
-
"name": "color-dark-mode-partner-
|
|
5329
|
+
"name": "color-dark-mode-partner-bitbucket",
|
|
5100
5330
|
"attributes": {
|
|
5101
5331
|
"category": "color",
|
|
5102
5332
|
"type": "dark-mode",
|
|
5103
5333
|
"item": "partner",
|
|
5104
|
-
"subitem": "
|
|
5334
|
+
"subitem": "bitbucket"
|
|
5105
5335
|
},
|
|
5106
5336
|
"path": [
|
|
5107
5337
|
"color",
|
|
5108
5338
|
"dark-mode",
|
|
5109
5339
|
"partner",
|
|
5110
|
-
"
|
|
5340
|
+
"bitbucket"
|
|
5111
5341
|
]
|
|
5112
5342
|
},
|
|
5113
|
-
"
|
|
5114
|
-
"value": "#
|
|
5343
|
+
"drupal": {
|
|
5344
|
+
"value": "#009cde",
|
|
5345
|
+
"public": true,
|
|
5115
5346
|
"filePath": "tokens/color/base/brand.dark.json",
|
|
5116
5347
|
"isSource": true,
|
|
5117
5348
|
"original": {
|
|
5118
|
-
"value": "#
|
|
5349
|
+
"value": "#009CDE",
|
|
5350
|
+
"public": true
|
|
5119
5351
|
},
|
|
5120
|
-
"name": "color-dark-mode-partner-
|
|
5352
|
+
"name": "color-dark-mode-partner-drupal",
|
|
5121
5353
|
"attributes": {
|
|
5122
5354
|
"category": "color",
|
|
5123
5355
|
"type": "dark-mode",
|
|
5124
5356
|
"item": "partner",
|
|
5125
|
-
"subitem": "
|
|
5357
|
+
"subitem": "drupal"
|
|
5126
5358
|
},
|
|
5127
5359
|
"path": [
|
|
5128
5360
|
"color",
|
|
5129
5361
|
"dark-mode",
|
|
5130
5362
|
"partner",
|
|
5131
|
-
"
|
|
5363
|
+
"drupal"
|
|
5132
5364
|
]
|
|
5133
5365
|
},
|
|
5134
5366
|
"gatsby": {
|
|
5135
5367
|
"value": "#663399",
|
|
5368
|
+
"public": true,
|
|
5136
5369
|
"filePath": "tokens/color/base/brand.dark.json",
|
|
5137
5370
|
"isSource": true,
|
|
5138
5371
|
"original": {
|
|
5139
|
-
"value": "#663399"
|
|
5372
|
+
"value": "#663399",
|
|
5373
|
+
"public": true
|
|
5140
5374
|
},
|
|
5141
5375
|
"name": "color-dark-mode-partner-gatsby",
|
|
5142
5376
|
"attributes": {
|
|
@@ -5151,6 +5385,75 @@
|
|
|
5151
5385
|
"partner",
|
|
5152
5386
|
"gatsby"
|
|
5153
5387
|
]
|
|
5388
|
+
},
|
|
5389
|
+
"gitlab": {
|
|
5390
|
+
"value": "#ffedfb",
|
|
5391
|
+
"public": true,
|
|
5392
|
+
"filePath": "tokens/color/base/brand.dark.json",
|
|
5393
|
+
"isSource": true,
|
|
5394
|
+
"original": {
|
|
5395
|
+
"value": "#FFEDFB",
|
|
5396
|
+
"public": true
|
|
5397
|
+
},
|
|
5398
|
+
"name": "color-dark-mode-partner-gitlab",
|
|
5399
|
+
"attributes": {
|
|
5400
|
+
"category": "color",
|
|
5401
|
+
"type": "dark-mode",
|
|
5402
|
+
"item": "partner",
|
|
5403
|
+
"subitem": "gitlab"
|
|
5404
|
+
},
|
|
5405
|
+
"path": [
|
|
5406
|
+
"color",
|
|
5407
|
+
"dark-mode",
|
|
5408
|
+
"partner",
|
|
5409
|
+
"gitlab"
|
|
5410
|
+
]
|
|
5411
|
+
},
|
|
5412
|
+
"nextjs": {
|
|
5413
|
+
"value": "#000000",
|
|
5414
|
+
"public": true,
|
|
5415
|
+
"filePath": "tokens/color/base/brand.dark.json",
|
|
5416
|
+
"isSource": true,
|
|
5417
|
+
"original": {
|
|
5418
|
+
"value": "#000000",
|
|
5419
|
+
"public": true
|
|
5420
|
+
},
|
|
5421
|
+
"name": "color-dark-mode-partner-nextjs",
|
|
5422
|
+
"attributes": {
|
|
5423
|
+
"category": "color",
|
|
5424
|
+
"type": "dark-mode",
|
|
5425
|
+
"item": "partner",
|
|
5426
|
+
"subitem": "nextjs"
|
|
5427
|
+
},
|
|
5428
|
+
"path": [
|
|
5429
|
+
"color",
|
|
5430
|
+
"dark-mode",
|
|
5431
|
+
"partner",
|
|
5432
|
+
"nextjs"
|
|
5433
|
+
]
|
|
5434
|
+
},
|
|
5435
|
+
"wordpress": {
|
|
5436
|
+
"value": "#0073aa",
|
|
5437
|
+
"public": true,
|
|
5438
|
+
"filePath": "tokens/color/base/brand.dark.json",
|
|
5439
|
+
"isSource": true,
|
|
5440
|
+
"original": {
|
|
5441
|
+
"value": "#0073AA",
|
|
5442
|
+
"public": true
|
|
5443
|
+
},
|
|
5444
|
+
"name": "color-dark-mode-partner-wordpress",
|
|
5445
|
+
"attributes": {
|
|
5446
|
+
"category": "color",
|
|
5447
|
+
"type": "dark-mode",
|
|
5448
|
+
"item": "partner",
|
|
5449
|
+
"subitem": "wordpress"
|
|
5450
|
+
},
|
|
5451
|
+
"path": [
|
|
5452
|
+
"color",
|
|
5453
|
+
"dark-mode",
|
|
5454
|
+
"partner",
|
|
5455
|
+
"wordpress"
|
|
5456
|
+
]
|
|
5154
5457
|
}
|
|
5155
5458
|
},
|
|
5156
5459
|
"gradient": {
|