@pantheon-systems/pds-design-tokens 1.0.0-dev.110 → 1.0.0-dev.111

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 +4 -8
  2. package/build/css/pds-design-tokens-light-mode.css +4 -8
  3. package/build/figma/pds-design-tokens-figma.json +450 -428
  4. package/build/json/pds-design-tokens-dark-mode.json +98 -214
  5. package/build/json/pds-design-tokens-light-mode.json +98 -214
  6. package/package.json +1 -1
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -2272,230 +2272,114 @@
2272
2272
  }
2273
2273
  },
2274
2274
  "icon-button": {
2275
- "standard": {
2276
- "background": {
2277
- "default": {
2278
- "value": "rgba(0, 0, 0, 0)",
2279
- "public": true,
2280
- "filePath": "tokens/color/alias/button.dark.json",
2281
- "isSource": true,
2282
- "original": {
2283
- "value": "transparent",
2284
- "public": true
2285
- },
2286
- "name": "color-dark-mode-icon-button-standard-background-default",
2287
- "attributes": {
2288
- "category": "color",
2289
- "type": "dark-mode",
2290
- "item": "icon-button",
2291
- "subitem": "standard",
2292
- "state": "background"
2293
- },
2294
- "path": [
2295
- "color",
2296
- "dark-mode",
2297
- "icon-button",
2298
- "standard",
2299
- "background",
2300
- "default"
2301
- ]
2275
+ "background": {
2276
+ "default": {
2277
+ "value": "rgba(0, 0, 0, 0)",
2278
+ "public": true,
2279
+ "filePath": "tokens/color/alias/button.dark.json",
2280
+ "isSource": true,
2281
+ "original": {
2282
+ "value": "transparent",
2283
+ "public": true
2302
2284
  },
2303
- "hover": {
2304
- "value": "#a6a3b4",
2305
- "public": true,
2306
- "isReferenceToInternal": true,
2307
- "filePath": "tokens/color/alias/button.dark.json",
2308
- "isSource": true,
2309
- "original": {
2310
- "value": "{color.dark-mode.neutral.200.value}",
2311
- "public": true,
2312
- "isReferenceToInternal": true
2313
- },
2314
- "name": "color-dark-mode-icon-button-standard-background-hover",
2315
- "attributes": {
2316
- "category": "color",
2317
- "type": "dark-mode",
2318
- "item": "icon-button",
2319
- "subitem": "standard",
2320
- "state": "background"
2321
- },
2322
- "path": [
2323
- "color",
2324
- "dark-mode",
2325
- "icon-button",
2326
- "standard",
2327
- "background",
2328
- "hover"
2329
- ]
2285
+ "name": "color-dark-mode-icon-button-background-default",
2286
+ "attributes": {
2287
+ "category": "color",
2288
+ "type": "dark-mode",
2289
+ "item": "icon-button",
2290
+ "subitem": "background",
2291
+ "state": "default"
2330
2292
  },
2331
- "active": {
2332
- "value": "#858299",
2293
+ "path": [
2294
+ "color",
2295
+ "dark-mode",
2296
+ "icon-button",
2297
+ "background",
2298
+ "default"
2299
+ ]
2300
+ },
2301
+ "hover": {
2302
+ "value": "#a6a3b4",
2303
+ "public": true,
2304
+ "isReferenceToInternal": true,
2305
+ "filePath": "tokens/color/alias/button.dark.json",
2306
+ "isSource": true,
2307
+ "original": {
2308
+ "value": "{color.dark-mode.neutral.200.value}",
2333
2309
  "public": true,
2334
- "isReferenceToInternal": true,
2335
- "filePath": "tokens/color/alias/button.dark.json",
2336
- "isSource": true,
2337
- "original": {
2338
- "value": "{color.dark-mode.neutral.300.value}",
2339
- "public": true,
2340
- "isReferenceToInternal": true
2341
- },
2342
- "name": "color-dark-mode-icon-button-standard-background-active",
2343
- "attributes": {
2344
- "category": "color",
2345
- "type": "dark-mode",
2346
- "item": "icon-button",
2347
- "subitem": "standard",
2348
- "state": "background"
2349
- },
2350
- "path": [
2351
- "color",
2352
- "dark-mode",
2353
- "icon-button",
2354
- "standard",
2355
- "background",
2356
- "active"
2357
- ]
2358
- }
2310
+ "isReferenceToInternal": true
2311
+ },
2312
+ "name": "color-dark-mode-icon-button-background-hover",
2313
+ "attributes": {
2314
+ "category": "color",
2315
+ "type": "dark-mode",
2316
+ "item": "icon-button",
2317
+ "subitem": "background",
2318
+ "state": "hover"
2319
+ },
2320
+ "path": [
2321
+ "color",
2322
+ "dark-mode",
2323
+ "icon-button",
2324
+ "background",
2325
+ "hover"
2326
+ ]
2359
2327
  },
2360
- "foreground": {
2361
- "default": {
2362
- "value": "#ffffff",
2328
+ "active": {
2329
+ "value": "#858299",
2330
+ "public": true,
2331
+ "isReferenceToInternal": true,
2332
+ "filePath": "tokens/color/alias/button.dark.json",
2333
+ "isSource": true,
2334
+ "original": {
2335
+ "value": "{color.dark-mode.neutral.300.value}",
2363
2336
  "public": true,
2364
- "isReferenceToInternal": true,
2365
- "filePath": "tokens/color/alias/button.dark.json",
2366
- "isSource": true,
2367
- "original": {
2368
- "value": "{color.dark-mode.neutral.000.value}",
2369
- "public": true,
2370
- "isReferenceToInternal": true
2371
- },
2372
- "name": "color-dark-mode-icon-button-standard-foreground-default",
2373
- "attributes": {
2374
- "category": "color",
2375
- "type": "dark-mode",
2376
- "item": "icon-button",
2377
- "subitem": "standard",
2378
- "state": "foreground"
2379
- },
2380
- "path": [
2381
- "color",
2382
- "dark-mode",
2383
- "icon-button",
2384
- "standard",
2385
- "foreground",
2386
- "default"
2387
- ]
2388
- }
2337
+ "isReferenceToInternal": true
2338
+ },
2339
+ "name": "color-dark-mode-icon-button-background-active",
2340
+ "attributes": {
2341
+ "category": "color",
2342
+ "type": "dark-mode",
2343
+ "item": "icon-button",
2344
+ "subitem": "background",
2345
+ "state": "active"
2346
+ },
2347
+ "path": [
2348
+ "color",
2349
+ "dark-mode",
2350
+ "icon-button",
2351
+ "background",
2352
+ "active"
2353
+ ]
2389
2354
  }
2390
2355
  },
2391
- "critical": {
2392
- "background": {
2393
- "default": {
2394
- "value": "#1d1d29",
2356
+ "foreground": {
2357
+ "default": {
2358
+ "value": "#ffffff",
2359
+ "public": true,
2360
+ "isReferenceToInternal": true,
2361
+ "filePath": "tokens/color/alias/button.dark.json",
2362
+ "isSource": true,
2363
+ "original": {
2364
+ "value": "{color.dark-mode.neutral.000.value}",
2395
2365
  "public": true,
2396
- "filePath": "tokens/color/alias/button.dark.json",
2397
- "isSource": true,
2398
- "original": {
2399
- "value": "{color.dark-mode.button.critical.background.default.value}",
2400
- "public": true
2401
- },
2402
- "name": "color-dark-mode-icon-button-critical-background-default",
2403
- "attributes": {
2404
- "category": "color",
2405
- "type": "dark-mode",
2406
- "item": "icon-button",
2407
- "subitem": "critical",
2408
- "state": "background"
2409
- },
2410
- "path": [
2411
- "color",
2412
- "dark-mode",
2413
- "icon-button",
2414
- "critical",
2415
- "background",
2416
- "default"
2417
- ]
2366
+ "isReferenceToInternal": true
2418
2367
  },
2419
- "hover": {
2420
- "value": "#391813",
2421
- "public": true,
2422
- "filePath": "tokens/color/alias/button.dark.json",
2423
- "isSource": true,
2424
- "original": {
2425
- "value": "{color.dark-mode.button.critical.background.hover.value}",
2426
- "public": true
2427
- },
2428
- "name": "color-dark-mode-icon-button-critical-background-hover",
2429
- "attributes": {
2430
- "category": "color",
2431
- "type": "dark-mode",
2432
- "item": "icon-button",
2433
- "subitem": "critical",
2434
- "state": "background"
2435
- },
2436
- "path": [
2437
- "color",
2438
- "dark-mode",
2439
- "icon-button",
2440
- "critical",
2441
- "background",
2442
- "hover"
2443
- ]
2368
+ "name": "color-dark-mode-icon-button-foreground-default",
2369
+ "attributes": {
2370
+ "category": "color",
2371
+ "type": "dark-mode",
2372
+ "item": "icon-button",
2373
+ "subitem": "foreground",
2374
+ "state": "default"
2444
2375
  },
2445
- "active": {
2446
- "value": "#4b2d28",
2447
- "public": true,
2448
- "filePath": "tokens/color/alias/button.dark.json",
2449
- "isSource": true,
2450
- "original": {
2451
- "value": "{color.dark-mode.button.critical.background.active.value}",
2452
- "public": true
2453
- },
2454
- "name": "color-dark-mode-icon-button-critical-background-active",
2455
- "attributes": {
2456
- "category": "color",
2457
- "type": "dark-mode",
2458
- "item": "icon-button",
2459
- "subitem": "critical",
2460
- "state": "background"
2461
- },
2462
- "path": [
2463
- "color",
2464
- "dark-mode",
2465
- "icon-button",
2466
- "critical",
2467
- "background",
2468
- "active"
2469
- ]
2470
- }
2471
- },
2472
- "foreground": {
2473
- "default": {
2474
- "value": "#ef5c48",
2475
- "public": true,
2476
- "filePath": "tokens/color/alias/button.dark.json",
2477
- "isSource": true,
2478
- "original": {
2479
- "value": "{color.dark-mode.button.critical.foreground.default.value}",
2480
- "public": true
2481
- },
2482
- "name": "color-dark-mode-icon-button-critical-foreground-default",
2483
- "attributes": {
2484
- "category": "color",
2485
- "type": "dark-mode",
2486
- "item": "icon-button",
2487
- "subitem": "critical",
2488
- "state": "foreground"
2489
- },
2490
- "path": [
2491
- "color",
2492
- "dark-mode",
2493
- "icon-button",
2494
- "critical",
2495
- "foreground",
2496
- "default"
2497
- ]
2498
- }
2376
+ "path": [
2377
+ "color",
2378
+ "dark-mode",
2379
+ "icon-button",
2380
+ "foreground",
2381
+ "default"
2382
+ ]
2499
2383
  }
2500
2384
  }
2501
2385
  },
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -2268,230 +2268,114 @@
2268
2268
  }
2269
2269
  },
2270
2270
  "icon-button": {
2271
- "standard": {
2272
- "background": {
2273
- "default": {
2274
- "value": "rgba(0, 0, 0, 0)",
2275
- "public": true,
2276
- "filePath": "tokens/color/alias/button.light.json",
2277
- "isSource": true,
2278
- "original": {
2279
- "value": "transparent",
2280
- "public": true
2281
- },
2282
- "name": "color-light-mode-icon-button-standard-background-default",
2283
- "attributes": {
2284
- "category": "color",
2285
- "type": "light-mode",
2286
- "item": "icon-button",
2287
- "subitem": "standard",
2288
- "state": "background"
2289
- },
2290
- "path": [
2291
- "color",
2292
- "light-mode",
2293
- "icon-button",
2294
- "standard",
2295
- "background",
2296
- "default"
2297
- ]
2271
+ "background": {
2272
+ "default": {
2273
+ "value": "rgba(0, 0, 0, 0)",
2274
+ "public": true,
2275
+ "filePath": "tokens/color/alias/button.light.json",
2276
+ "isSource": true,
2277
+ "original": {
2278
+ "value": "transparent",
2279
+ "public": true
2298
2280
  },
2299
- "hover": {
2300
- "value": "#f1f1f1",
2301
- "public": true,
2302
- "isReferenceToInternal": true,
2303
- "filePath": "tokens/color/alias/button.light.json",
2304
- "isSource": true,
2305
- "original": {
2306
- "value": "{color.light-mode.neutral.200.value}",
2307
- "public": true,
2308
- "isReferenceToInternal": true
2309
- },
2310
- "name": "color-light-mode-icon-button-standard-background-hover",
2311
- "attributes": {
2312
- "category": "color",
2313
- "type": "light-mode",
2314
- "item": "icon-button",
2315
- "subitem": "standard",
2316
- "state": "background"
2317
- },
2318
- "path": [
2319
- "color",
2320
- "light-mode",
2321
- "icon-button",
2322
- "standard",
2323
- "background",
2324
- "hover"
2325
- ]
2281
+ "name": "color-light-mode-icon-button-background-default",
2282
+ "attributes": {
2283
+ "category": "color",
2284
+ "type": "light-mode",
2285
+ "item": "icon-button",
2286
+ "subitem": "background",
2287
+ "state": "default"
2326
2288
  },
2327
- "active": {
2328
- "value": "#cfcfd3",
2289
+ "path": [
2290
+ "color",
2291
+ "light-mode",
2292
+ "icon-button",
2293
+ "background",
2294
+ "default"
2295
+ ]
2296
+ },
2297
+ "hover": {
2298
+ "value": "#f1f1f1",
2299
+ "public": true,
2300
+ "isReferenceToInternal": true,
2301
+ "filePath": "tokens/color/alias/button.light.json",
2302
+ "isSource": true,
2303
+ "original": {
2304
+ "value": "{color.light-mode.neutral.200.value}",
2329
2305
  "public": true,
2330
- "isReferenceToInternal": true,
2331
- "filePath": "tokens/color/alias/button.light.json",
2332
- "isSource": true,
2333
- "original": {
2334
- "value": "{color.light-mode.neutral.300.value}",
2335
- "public": true,
2336
- "isReferenceToInternal": true
2337
- },
2338
- "name": "color-light-mode-icon-button-standard-background-active",
2339
- "attributes": {
2340
- "category": "color",
2341
- "type": "light-mode",
2342
- "item": "icon-button",
2343
- "subitem": "standard",
2344
- "state": "background"
2345
- },
2346
- "path": [
2347
- "color",
2348
- "light-mode",
2349
- "icon-button",
2350
- "standard",
2351
- "background",
2352
- "active"
2353
- ]
2354
- }
2306
+ "isReferenceToInternal": true
2307
+ },
2308
+ "name": "color-light-mode-icon-button-background-hover",
2309
+ "attributes": {
2310
+ "category": "color",
2311
+ "type": "light-mode",
2312
+ "item": "icon-button",
2313
+ "subitem": "background",
2314
+ "state": "hover"
2315
+ },
2316
+ "path": [
2317
+ "color",
2318
+ "light-mode",
2319
+ "icon-button",
2320
+ "background",
2321
+ "hover"
2322
+ ]
2355
2323
  },
2356
- "foreground": {
2357
- "default": {
2358
- "value": "#23232d",
2324
+ "active": {
2325
+ "value": "#cfcfd3",
2326
+ "public": true,
2327
+ "isReferenceToInternal": true,
2328
+ "filePath": "tokens/color/alias/button.light.json",
2329
+ "isSource": true,
2330
+ "original": {
2331
+ "value": "{color.light-mode.neutral.300.value}",
2359
2332
  "public": true,
2360
- "isReferenceToInternal": true,
2361
- "filePath": "tokens/color/alias/button.light.json",
2362
- "isSource": true,
2363
- "original": {
2364
- "value": "{color.light-mode.neutral.500.value}",
2365
- "public": true,
2366
- "isReferenceToInternal": true
2367
- },
2368
- "name": "color-light-mode-icon-button-standard-foreground-default",
2369
- "attributes": {
2370
- "category": "color",
2371
- "type": "light-mode",
2372
- "item": "icon-button",
2373
- "subitem": "standard",
2374
- "state": "foreground"
2375
- },
2376
- "path": [
2377
- "color",
2378
- "light-mode",
2379
- "icon-button",
2380
- "standard",
2381
- "foreground",
2382
- "default"
2383
- ]
2384
- }
2333
+ "isReferenceToInternal": true
2334
+ },
2335
+ "name": "color-light-mode-icon-button-background-active",
2336
+ "attributes": {
2337
+ "category": "color",
2338
+ "type": "light-mode",
2339
+ "item": "icon-button",
2340
+ "subitem": "background",
2341
+ "state": "active"
2342
+ },
2343
+ "path": [
2344
+ "color",
2345
+ "light-mode",
2346
+ "icon-button",
2347
+ "background",
2348
+ "active"
2349
+ ]
2385
2350
  }
2386
2351
  },
2387
- "critical": {
2388
- "background": {
2389
- "default": {
2390
- "value": "#ffffff",
2352
+ "foreground": {
2353
+ "default": {
2354
+ "value": "#23232d",
2355
+ "public": true,
2356
+ "isReferenceToInternal": true,
2357
+ "filePath": "tokens/color/alias/button.light.json",
2358
+ "isSource": true,
2359
+ "original": {
2360
+ "value": "{color.light-mode.neutral.500.value}",
2391
2361
  "public": true,
2392
- "filePath": "tokens/color/alias/button.light.json",
2393
- "isSource": true,
2394
- "original": {
2395
- "value": "{color.light-mode.button.critical.background.default.value}",
2396
- "public": true
2397
- },
2398
- "name": "color-light-mode-icon-button-critical-background-default",
2399
- "attributes": {
2400
- "category": "color",
2401
- "type": "light-mode",
2402
- "item": "icon-button",
2403
- "subitem": "critical",
2404
- "state": "background"
2405
- },
2406
- "path": [
2407
- "color",
2408
- "light-mode",
2409
- "icon-button",
2410
- "critical",
2411
- "background",
2412
- "default"
2413
- ]
2362
+ "isReferenceToInternal": true
2414
2363
  },
2415
- "hover": {
2416
- "value": "#ffedeb",
2417
- "public": true,
2418
- "filePath": "tokens/color/alias/button.light.json",
2419
- "isSource": true,
2420
- "original": {
2421
- "value": "{color.light-mode.button.critical.background.hover.value}",
2422
- "public": true
2423
- },
2424
- "name": "color-light-mode-icon-button-critical-background-hover",
2425
- "attributes": {
2426
- "category": "color",
2427
- "type": "light-mode",
2428
- "item": "icon-button",
2429
- "subitem": "critical",
2430
- "state": "background"
2431
- },
2432
- "path": [
2433
- "color",
2434
- "light-mode",
2435
- "icon-button",
2436
- "critical",
2437
- "background",
2438
- "hover"
2439
- ]
2364
+ "name": "color-light-mode-icon-button-foreground-default",
2365
+ "attributes": {
2366
+ "category": "color",
2367
+ "type": "light-mode",
2368
+ "item": "icon-button",
2369
+ "subitem": "foreground",
2370
+ "state": "default"
2440
2371
  },
2441
- "active": {
2442
- "value": "#ffdcd8",
2443
- "public": true,
2444
- "filePath": "tokens/color/alias/button.light.json",
2445
- "isSource": true,
2446
- "original": {
2447
- "value": "{color.light-mode.button.critical.background.active.value}",
2448
- "public": true
2449
- },
2450
- "name": "color-light-mode-icon-button-critical-background-active",
2451
- "attributes": {
2452
- "category": "color",
2453
- "type": "light-mode",
2454
- "item": "icon-button",
2455
- "subitem": "critical",
2456
- "state": "background"
2457
- },
2458
- "path": [
2459
- "color",
2460
- "light-mode",
2461
- "icon-button",
2462
- "critical",
2463
- "background",
2464
- "active"
2465
- ]
2466
- }
2467
- },
2468
- "foreground": {
2469
- "default": {
2470
- "value": "#ca3521",
2471
- "public": true,
2472
- "filePath": "tokens/color/alias/button.light.json",
2473
- "isSource": true,
2474
- "original": {
2475
- "value": "{color.light-mode.button.critical.foreground.default.value}",
2476
- "public": true
2477
- },
2478
- "name": "color-light-mode-icon-button-critical-foreground-default",
2479
- "attributes": {
2480
- "category": "color",
2481
- "type": "light-mode",
2482
- "item": "icon-button",
2483
- "subitem": "critical",
2484
- "state": "foreground"
2485
- },
2486
- "path": [
2487
- "color",
2488
- "light-mode",
2489
- "icon-button",
2490
- "critical",
2491
- "foreground",
2492
- "default"
2493
- ]
2494
- }
2372
+ "path": [
2373
+ "color",
2374
+ "light-mode",
2375
+ "icon-button",
2376
+ "foreground",
2377
+ "default"
2378
+ ]
2495
2379
  }
2496
2380
  }
2497
2381
  },