@pantheon-systems/pds-design-tokens 1.0.0-dev.92 → 1.0.0-dev.94

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.
Files changed (6) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +12 -6
  2. package/build/css/pds-design-tokens-light-mode.css +14 -8
  3. package/build/figma/pds-design-tokens-figma.json +492 -168
  4. package/build/json/pds-design-tokens-dark-mode.json +236 -72
  5. package/build/json/pds-design-tokens-light-mode.json +239 -79
  6. package/package.json +1 -1
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -1255,62 +1255,6 @@
1255
1255
  "background",
1256
1256
  "default"
1257
1257
  ]
1258
- },
1259
- "hover": {
1260
- "value": "#504e62",
1261
- "public": true,
1262
- "isReferenceToInternal": true,
1263
- "filePath": "tokens/color/alias/button.dark.json",
1264
- "isSource": true,
1265
- "original": {
1266
- "value": "{color.dark-mode.neutral.400.value}",
1267
- "public": true,
1268
- "isReferenceToInternal": true
1269
- },
1270
- "name": "color-dark-mode-button-subtle-background-hover",
1271
- "attributes": {
1272
- "category": "color",
1273
- "type": "dark-mode",
1274
- "item": "button",
1275
- "subitem": "subtle",
1276
- "state": "background"
1277
- },
1278
- "path": [
1279
- "color",
1280
- "dark-mode",
1281
- "button",
1282
- "subtle",
1283
- "background",
1284
- "hover"
1285
- ]
1286
- },
1287
- "active": {
1288
- "value": "#282839",
1289
- "public": true,
1290
- "isReferenceToInternal": true,
1291
- "filePath": "tokens/color/alias/button.dark.json",
1292
- "isSource": true,
1293
- "original": {
1294
- "value": "{color.dark-mode.neutral.500.value}",
1295
- "public": true,
1296
- "isReferenceToInternal": true
1297
- },
1298
- "name": "color-dark-mode-button-subtle-background-active",
1299
- "attributes": {
1300
- "category": "color",
1301
- "type": "dark-mode",
1302
- "item": "button",
1303
- "subitem": "subtle",
1304
- "state": "background"
1305
- },
1306
- "path": [
1307
- "color",
1308
- "dark-mode",
1309
- "button",
1310
- "subtle",
1311
- "background",
1312
- "active"
1313
- ]
1314
1258
  }
1315
1259
  },
1316
1260
  "border": {
@@ -1371,15 +1315,13 @@
1371
1315
  ]
1372
1316
  },
1373
1317
  "hover": {
1374
- "value": "#ffffff",
1318
+ "value": "#8a70ff",
1375
1319
  "public": true,
1376
- "isReferenceToInternal": true,
1377
1320
  "filePath": "tokens/color/alias/button.dark.json",
1378
1321
  "isSource": true,
1379
1322
  "original": {
1380
- "value": "{color.dark-mode.neutral.000.value}",
1381
- "public": true,
1382
- "isReferenceToInternal": true
1323
+ "value": "{color.dark-mode.link.hover.value}",
1324
+ "public": true
1383
1325
  },
1384
1326
  "name": "color-dark-mode-button-subtle-foreground-hover",
1385
1327
  "attributes": {
@@ -1399,15 +1341,13 @@
1399
1341
  ]
1400
1342
  },
1401
1343
  "active": {
1402
- "value": "#e7e7eb",
1344
+ "value": "#8a70ff",
1403
1345
  "public": true,
1404
- "isReferenceToInternal": true,
1405
1346
  "filePath": "tokens/color/alias/button.dark.json",
1406
1347
  "isSource": true,
1407
1348
  "original": {
1408
- "value": "{color.dark-mode.neutral.100.value}",
1409
- "public": true,
1410
- "isReferenceToInternal": true
1349
+ "value": "{color.dark-mode.link.active.value}",
1350
+ "public": true
1411
1351
  },
1412
1352
  "name": "color-dark-mode-button-subtle-foreground-active",
1413
1353
  "attributes": {
@@ -2235,13 +2175,11 @@
2235
2175
  "hover": {
2236
2176
  "value": "#8a70ff",
2237
2177
  "public": true,
2238
- "isReferenceToInternal": true,
2239
2178
  "filePath": "tokens/color/alias/button.dark.json",
2240
2179
  "isSource": true,
2241
2180
  "original": {
2242
2181
  "value": "{color.dark-mode.link.hover.value}",
2243
- "public": true,
2244
- "isReferenceToInternal": true
2182
+ "public": true
2245
2183
  },
2246
2184
  "name": "color-dark-mode-button-navbar-foreground-hover",
2247
2185
  "attributes": {
@@ -2263,13 +2201,11 @@
2263
2201
  "active": {
2264
2202
  "value": "#8a70ff",
2265
2203
  "public": true,
2266
- "isReferenceToInternal": true,
2267
2204
  "filePath": "tokens/color/alias/button.dark.json",
2268
2205
  "isSource": true,
2269
2206
  "original": {
2270
2207
  "value": "{color.dark-mode.link.active.value}",
2271
- "public": true,
2272
- "isReferenceToInternal": true
2208
+ "public": true
2273
2209
  },
2274
2210
  "name": "color-dark-mode-button-navbar-foreground-active",
2275
2211
  "attributes": {
@@ -2291,6 +2227,234 @@
2291
2227
  }
2292
2228
  }
2293
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
+ },
2294
2458
  "toggle-button": {
2295
2459
  "background": {
2296
2460
  "off": {