@pantheon-systems/pds-design-tokens 0.6.0-dev.3 → 0.7.0-dev.1

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 (9) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +11 -22
  2. package/build/css/pds-design-tokens-light-mode.css +2 -13
  3. package/build/figma/pds-design-tokens-figma.json +143 -697
  4. package/build/json/pds-design-tokens-dark-mode.json +49 -341
  5. package/build/json/pds-design-tokens-light-mode.json +38 -324
  6. package/build/json/pds-design-tokens.json +21 -2
  7. package/build/scss/_pds-design-tokens-dark-mode.scss +11 -22
  8. package/build/scss/_pds-design-tokens-light-mode.scss +2 -13
  9. package/package.json +1 -1
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -1518,34 +1518,6 @@
1518
1518
  "background",
1519
1519
  "active"
1520
1520
  ]
1521
- },
1522
- "focus": {
1523
- "value": "#ddbd16",
1524
- "public": true,
1525
- "isReferenceToInternal": true,
1526
- "filePath": "tokens/color/alias/interactive.dark.json",
1527
- "isSource": true,
1528
- "original": {
1529
- "value": "{color.dark-mode.brand.primary.500.value}",
1530
- "public": true,
1531
- "isReferenceToInternal": true
1532
- },
1533
- "name": "color-dark-mode-button-primary-background-focus",
1534
- "attributes": {
1535
- "category": "color",
1536
- "type": "dark-mode",
1537
- "item": "button",
1538
- "subitem": "primary",
1539
- "state": "background"
1540
- },
1541
- "path": [
1542
- "color",
1543
- "dark-mode",
1544
- "button",
1545
- "primary",
1546
- "background",
1547
- "focus"
1548
- ]
1549
1521
  }
1550
1522
  },
1551
1523
  "border": {
@@ -1632,34 +1604,6 @@
1632
1604
  "border",
1633
1605
  "active"
1634
1606
  ]
1635
- },
1636
- "focus": {
1637
- "value": "#ddbd16",
1638
- "public": true,
1639
- "isReferenceToInternal": true,
1640
- "filePath": "tokens/color/alias/interactive.dark.json",
1641
- "isSource": true,
1642
- "original": {
1643
- "value": "{color.dark-mode.brand.primary.500.value}",
1644
- "public": true,
1645
- "isReferenceToInternal": true
1646
- },
1647
- "name": "color-dark-mode-button-primary-border-focus",
1648
- "attributes": {
1649
- "category": "color",
1650
- "type": "dark-mode",
1651
- "item": "button",
1652
- "subitem": "primary",
1653
- "state": "border"
1654
- },
1655
- "path": [
1656
- "color",
1657
- "dark-mode",
1658
- "button",
1659
- "primary",
1660
- "border",
1661
- "focus"
1662
- ]
1663
1607
  }
1664
1608
  },
1665
1609
  "foreground": {
@@ -1746,34 +1690,6 @@
1746
1690
  "foreground",
1747
1691
  "active"
1748
1692
  ]
1749
- },
1750
- "focus": {
1751
- "value": "#121219",
1752
- "public": true,
1753
- "isReferenceToInternal": true,
1754
- "filePath": "tokens/color/alias/interactive.dark.json",
1755
- "isSource": true,
1756
- "original": {
1757
- "value": "{color.dark-mode.neutral.700.value}",
1758
- "public": true,
1759
- "isReferenceToInternal": true
1760
- },
1761
- "name": "color-dark-mode-button-primary-foreground-focus",
1762
- "attributes": {
1763
- "category": "color",
1764
- "type": "dark-mode",
1765
- "item": "button",
1766
- "subitem": "primary",
1767
- "state": "foreground"
1768
- },
1769
- "path": [
1770
- "color",
1771
- "dark-mode",
1772
- "button",
1773
- "primary",
1774
- "foreground",
1775
- "focus"
1776
- ]
1777
1693
  }
1778
1694
  }
1779
1695
  },
@@ -1860,32 +1776,6 @@
1860
1776
  "background",
1861
1777
  "active"
1862
1778
  ]
1863
- },
1864
- "focus": {
1865
- "value": "rgba(0, 0, 0, 0)",
1866
- "public": true,
1867
- "filePath": "tokens/color/alias/interactive.dark.json",
1868
- "isSource": true,
1869
- "original": {
1870
- "value": "transparent",
1871
- "public": true
1872
- },
1873
- "name": "color-dark-mode-button-secondary-background-focus",
1874
- "attributes": {
1875
- "category": "color",
1876
- "type": "dark-mode",
1877
- "item": "button",
1878
- "subitem": "secondary",
1879
- "state": "background"
1880
- },
1881
- "path": [
1882
- "color",
1883
- "dark-mode",
1884
- "button",
1885
- "secondary",
1886
- "background",
1887
- "focus"
1888
- ]
1889
1779
  }
1890
1780
  },
1891
1781
  "border": {
@@ -1972,34 +1862,6 @@
1972
1862
  "border",
1973
1863
  "active"
1974
1864
  ]
1975
- },
1976
- "focus": {
1977
- "value": "#a6a3b4",
1978
- "public": true,
1979
- "isReferenceToInternal": true,
1980
- "filePath": "tokens/color/alias/interactive.dark.json",
1981
- "isSource": true,
1982
- "original": {
1983
- "value": "{color.dark-mode.neutral.200.value}",
1984
- "public": true,
1985
- "isReferenceToInternal": true
1986
- },
1987
- "name": "color-dark-mode-button-secondary-border-focus",
1988
- "attributes": {
1989
- "category": "color",
1990
- "type": "dark-mode",
1991
- "item": "button",
1992
- "subitem": "secondary",
1993
- "state": "border"
1994
- },
1995
- "path": [
1996
- "color",
1997
- "dark-mode",
1998
- "button",
1999
- "secondary",
2000
- "border",
2001
- "focus"
2002
- ]
2003
1865
  }
2004
1866
  },
2005
1867
  "foreground": {
@@ -2086,34 +1948,6 @@
2086
1948
  "foreground",
2087
1949
  "active"
2088
1950
  ]
2089
- },
2090
- "focus": {
2091
- "value": "#e7e7eb",
2092
- "public": true,
2093
- "isReferenceToInternal": true,
2094
- "filePath": "tokens/color/alias/interactive.dark.json",
2095
- "isSource": true,
2096
- "original": {
2097
- "value": "{color.dark-mode.neutral.050.value}",
2098
- "public": true,
2099
- "isReferenceToInternal": true
2100
- },
2101
- "name": "color-dark-mode-button-secondary-foreground-focus",
2102
- "attributes": {
2103
- "category": "color",
2104
- "type": "dark-mode",
2105
- "item": "button",
2106
- "subitem": "secondary",
2107
- "state": "foreground"
2108
- },
2109
- "path": [
2110
- "color",
2111
- "dark-mode",
2112
- "button",
2113
- "secondary",
2114
- "foreground",
2115
- "focus"
2116
- ]
2117
1951
  }
2118
1952
  }
2119
1953
  },
@@ -2200,32 +2034,6 @@
2200
2034
  "background",
2201
2035
  "active"
2202
2036
  ]
2203
- },
2204
- "focus": {
2205
- "value": "rgba(0, 0, 0, 0)",
2206
- "public": true,
2207
- "filePath": "tokens/color/alias/interactive.dark.json",
2208
- "isSource": true,
2209
- "original": {
2210
- "value": "transparent",
2211
- "public": true
2212
- },
2213
- "name": "color-dark-mode-button-subtle-background-focus",
2214
- "attributes": {
2215
- "category": "color",
2216
- "type": "dark-mode",
2217
- "item": "button",
2218
- "subitem": "subtle",
2219
- "state": "background"
2220
- },
2221
- "path": [
2222
- "color",
2223
- "dark-mode",
2224
- "button",
2225
- "subtle",
2226
- "background",
2227
- "focus"
2228
- ]
2229
2037
  }
2230
2038
  },
2231
2039
  "border": {
@@ -2340,47 +2148,21 @@
2340
2148
  "foreground",
2341
2149
  "active"
2342
2150
  ]
2343
- },
2344
- "focus": {
2345
- "value": "#e7e7eb",
2346
- "public": true,
2347
- "isReferenceToInternal": true,
2348
- "filePath": "tokens/color/alias/interactive.dark.json",
2349
- "isSource": true,
2350
- "original": {
2351
- "value": "{color.dark-mode.neutral.050.value}",
2352
- "public": true,
2353
- "isReferenceToInternal": true
2354
- },
2355
- "name": "color-dark-mode-button-subtle-foreground-focus",
2356
- "attributes": {
2357
- "category": "color",
2358
- "type": "dark-mode",
2359
- "item": "button",
2360
- "subitem": "subtle",
2361
- "state": "foreground"
2362
- },
2363
- "path": [
2364
- "color",
2365
- "dark-mode",
2366
- "button",
2367
- "subtle",
2368
- "foreground",
2369
- "focus"
2370
- ]
2371
2151
  }
2372
2152
  }
2373
2153
  },
2374
2154
  "critical": {
2375
2155
  "background": {
2376
2156
  "default": {
2377
- "value": "rgba(0, 0, 0, 0)",
2157
+ "value": "#e05757",
2378
2158
  "public": true,
2159
+ "isReferenceToInternal": true,
2379
2160
  "filePath": "tokens/color/alias/interactive.dark.json",
2380
2161
  "isSource": true,
2381
2162
  "original": {
2382
- "value": "transparent",
2383
- "public": true
2163
+ "value": "{color.dark-mode.semantic.error.300.value}",
2164
+ "public": true,
2165
+ "isReferenceToInternal": true
2384
2166
  },
2385
2167
  "name": "color-dark-mode-button-critical-background-default",
2386
2168
  "attributes": {
@@ -2400,13 +2182,15 @@
2400
2182
  ]
2401
2183
  },
2402
2184
  "hover": {
2403
- "value": "rgba(0, 0, 0, 0)",
2185
+ "value": "#be4242",
2404
2186
  "public": true,
2187
+ "isReferenceToInternal": true,
2405
2188
  "filePath": "tokens/color/alias/interactive.dark.json",
2406
2189
  "isSource": true,
2407
2190
  "original": {
2408
- "value": "transparent",
2409
- "public": true
2191
+ "value": "{color.dark-mode.semantic.error.400.value}",
2192
+ "public": true,
2193
+ "isReferenceToInternal": true
2410
2194
  },
2411
2195
  "name": "color-dark-mode-button-critical-background-hover",
2412
2196
  "attributes": {
@@ -2426,13 +2210,15 @@
2426
2210
  ]
2427
2211
  },
2428
2212
  "active": {
2429
- "value": "rgba(0, 0, 0, 0)",
2213
+ "value": "#9c2f2f",
2430
2214
  "public": true,
2215
+ "isReferenceToInternal": true,
2431
2216
  "filePath": "tokens/color/alias/interactive.dark.json",
2432
2217
  "isSource": true,
2433
2218
  "original": {
2434
- "value": "transparent",
2435
- "public": true
2219
+ "value": "{color.dark-mode.semantic.error.500.value}",
2220
+ "public": true,
2221
+ "isReferenceToInternal": true
2436
2222
  },
2437
2223
  "name": "color-dark-mode-button-critical-background-active",
2438
2224
  "attributes": {
@@ -2450,43 +2236,17 @@
2450
2236
  "background",
2451
2237
  "active"
2452
2238
  ]
2453
- },
2454
- "focus": {
2455
- "value": "rgba(0, 0, 0, 0)",
2456
- "public": true,
2457
- "filePath": "tokens/color/alias/interactive.dark.json",
2458
- "isSource": true,
2459
- "original": {
2460
- "value": "transparent",
2461
- "public": true
2462
- },
2463
- "name": "color-dark-mode-button-critical-background-focus",
2464
- "attributes": {
2465
- "category": "color",
2466
- "type": "dark-mode",
2467
- "item": "button",
2468
- "subitem": "critical",
2469
- "state": "background"
2470
- },
2471
- "path": [
2472
- "color",
2473
- "dark-mode",
2474
- "button",
2475
- "critical",
2476
- "background",
2477
- "focus"
2478
- ]
2479
2239
  }
2480
2240
  },
2481
2241
  "border": {
2482
2242
  "default": {
2483
- "value": "#be4242",
2243
+ "value": "#e05757",
2484
2244
  "public": true,
2485
2245
  "isReferenceToInternal": true,
2486
2246
  "filePath": "tokens/color/alias/interactive.dark.json",
2487
2247
  "isSource": true,
2488
2248
  "original": {
2489
- "value": "{color.dark-mode.semantic.error.400.value}",
2249
+ "value": "{color.dark-mode.semantic.error.300.value}",
2490
2250
  "public": true,
2491
2251
  "isReferenceToInternal": true
2492
2252
  },
@@ -2508,13 +2268,13 @@
2508
2268
  ]
2509
2269
  },
2510
2270
  "hover": {
2511
- "value": "#ffafaf",
2271
+ "value": "#be4242",
2512
2272
  "public": true,
2513
2273
  "isReferenceToInternal": true,
2514
2274
  "filePath": "tokens/color/alias/interactive.dark.json",
2515
2275
  "isSource": true,
2516
2276
  "original": {
2517
- "value": "{color.dark-mode.semantic.error.200.value}",
2277
+ "value": "{color.dark-mode.semantic.error.400.value}",
2518
2278
  "public": true,
2519
2279
  "isReferenceToInternal": true
2520
2280
  },
@@ -2536,13 +2296,13 @@
2536
2296
  ]
2537
2297
  },
2538
2298
  "active": {
2539
- "value": "#be4242",
2299
+ "value": "#9c2f2f",
2540
2300
  "public": true,
2541
2301
  "isReferenceToInternal": true,
2542
2302
  "filePath": "tokens/color/alias/interactive.dark.json",
2543
2303
  "isSource": true,
2544
2304
  "original": {
2545
- "value": "{color.dark-mode.semantic.error.400.value}",
2305
+ "value": "{color.dark-mode.semantic.error.500.value}",
2546
2306
  "public": true,
2547
2307
  "isReferenceToInternal": true
2548
2308
  },
@@ -2562,45 +2322,17 @@
2562
2322
  "border",
2563
2323
  "active"
2564
2324
  ]
2565
- },
2566
- "focus": {
2567
- "value": "#be4242",
2568
- "public": true,
2569
- "isReferenceToInternal": true,
2570
- "filePath": "tokens/color/alias/interactive.dark.json",
2571
- "isSource": true,
2572
- "original": {
2573
- "value": "{color.dark-mode.semantic.error.400.value}",
2574
- "public": true,
2575
- "isReferenceToInternal": true
2576
- },
2577
- "name": "color-dark-mode-button-critical-border-focus",
2578
- "attributes": {
2579
- "category": "color",
2580
- "type": "dark-mode",
2581
- "item": "button",
2582
- "subitem": "critical",
2583
- "state": "border"
2584
- },
2585
- "path": [
2586
- "color",
2587
- "dark-mode",
2588
- "button",
2589
- "critical",
2590
- "border",
2591
- "focus"
2592
- ]
2593
2325
  }
2594
2326
  },
2595
2327
  "foreground": {
2596
2328
  "default": {
2597
- "value": "#e05757",
2329
+ "value": "#ffffff",
2598
2330
  "public": true,
2599
2331
  "isReferenceToInternal": true,
2600
2332
  "filePath": "tokens/color/alias/interactive.dark.json",
2601
2333
  "isSource": true,
2602
2334
  "original": {
2603
- "value": "{color.dark-mode.semantic.error.300.value}",
2335
+ "value": "{color.dark-mode.neutral.000.value}",
2604
2336
  "public": true,
2605
2337
  "isReferenceToInternal": true
2606
2338
  },
@@ -2622,13 +2354,13 @@
2622
2354
  ]
2623
2355
  },
2624
2356
  "hover": {
2625
- "value": "#ffafaf",
2357
+ "value": "#ffffff",
2626
2358
  "public": true,
2627
2359
  "isReferenceToInternal": true,
2628
2360
  "filePath": "tokens/color/alias/interactive.dark.json",
2629
2361
  "isSource": true,
2630
2362
  "original": {
2631
- "value": "{color.dark-mode.semantic.error.200.value}",
2363
+ "value": "{color.dark-mode.neutral.000.value}",
2632
2364
  "public": true,
2633
2365
  "isReferenceToInternal": true
2634
2366
  },
@@ -2650,13 +2382,13 @@
2650
2382
  ]
2651
2383
  },
2652
2384
  "active": {
2653
- "value": "#be4242",
2385
+ "value": "#ffffff",
2654
2386
  "public": true,
2655
2387
  "isReferenceToInternal": true,
2656
2388
  "filePath": "tokens/color/alias/interactive.dark.json",
2657
2389
  "isSource": true,
2658
2390
  "original": {
2659
- "value": "{color.dark-mode.semantic.error.400.value}",
2391
+ "value": "{color.dark-mode.neutral.000.value}",
2660
2392
  "public": true,
2661
2393
  "isReferenceToInternal": true
2662
2394
  },
@@ -2676,34 +2408,6 @@
2676
2408
  "foreground",
2677
2409
  "active"
2678
2410
  ]
2679
- },
2680
- "focus": {
2681
- "value": "#e05757",
2682
- "public": true,
2683
- "isReferenceToInternal": true,
2684
- "filePath": "tokens/color/alias/interactive.dark.json",
2685
- "isSource": true,
2686
- "original": {
2687
- "value": "{color.dark-mode.semantic.error.300.value}",
2688
- "public": true,
2689
- "isReferenceToInternal": true
2690
- },
2691
- "name": "color-dark-mode-button-critical-foreground-focus",
2692
- "attributes": {
2693
- "category": "color",
2694
- "type": "dark-mode",
2695
- "item": "button",
2696
- "subitem": "critical",
2697
- "state": "foreground"
2698
- },
2699
- "path": [
2700
- "color",
2701
- "dark-mode",
2702
- "button",
2703
- "critical",
2704
- "foreground",
2705
- "focus"
2706
- ]
2707
2411
  }
2708
2412
  }
2709
2413
  }
@@ -4778,34 +4482,6 @@
4778
4482
  "background",
4779
4483
  "active"
4780
4484
  ]
4781
- },
4782
- "focus": {
4783
- "value": "#ffe668",
4784
- "public": true,
4785
- "isReferenceToInternal": true,
4786
- "filePath": "tokens/color/alias/interactive.light.json",
4787
- "isSource": true,
4788
- "original": {
4789
- "value": "{color.light-mode.brand.primary.300.value}",
4790
- "public": true,
4791
- "isReferenceToInternal": true
4792
- },
4793
- "name": "color-light-mode-button-primary-background-focus",
4794
- "attributes": {
4795
- "category": "color",
4796
- "type": "light-mode",
4797
- "item": "button",
4798
- "subitem": "primary",
4799
- "state": "background"
4800
- },
4801
- "path": [
4802
- "color",
4803
- "light-mode",
4804
- "button",
4805
- "primary",
4806
- "background",
4807
- "focus"
4808
- ]
4809
4485
  }
4810
4486
  },
4811
4487
  "border": {
@@ -4892,34 +4568,6 @@
4892
4568
  "border",
4893
4569
  "active"
4894
4570
  ]
4895
- },
4896
- "focus": {
4897
- "value": "#ffe668",
4898
- "public": true,
4899
- "isReferenceToInternal": true,
4900
- "filePath": "tokens/color/alias/interactive.light.json",
4901
- "isSource": true,
4902
- "original": {
4903
- "value": "{color.light-mode.brand.primary.300.value}",
4904
- "public": true,
4905
- "isReferenceToInternal": true
4906
- },
4907
- "name": "color-light-mode-button-primary-border-focus",
4908
- "attributes": {
4909
- "category": "color",
4910
- "type": "light-mode",
4911
- "item": "button",
4912
- "subitem": "primary",
4913
- "state": "border"
4914
- },
4915
- "path": [
4916
- "color",
4917
- "light-mode",
4918
- "button",
4919
- "primary",
4920
- "border",
4921
- "focus"
4922
- ]
4923
4571
  }
4924
4572
  },
4925
4573
  "foreground": {
@@ -5006,34 +4654,6 @@
5006
4654
  "foreground",
5007
4655
  "active"
5008
4656
  ]
5009
- },
5010
- "focus": {
5011
- "value": "#23232d",
5012
- "public": true,
5013
- "isReferenceToInternal": true,
5014
- "filePath": "tokens/color/alias/interactive.light.json",
5015
- "isSource": true,
5016
- "original": {
5017
- "value": "{color.light-mode.neutral.700.value}",
5018
- "public": true,
5019
- "isReferenceToInternal": true
5020
- },
5021
- "name": "color-light-mode-button-primary-foreground-focus",
5022
- "attributes": {
5023
- "category": "color",
5024
- "type": "light-mode",
5025
- "item": "button",
5026
- "subitem": "primary",
5027
- "state": "foreground"
5028
- },
5029
- "path": [
5030
- "color",
5031
- "light-mode",
5032
- "button",
5033
- "primary",
5034
- "foreground",
5035
- "focus"
5036
- ]
5037
4657
  }
5038
4658
  }
5039
4659
  },
@@ -5065,46 +4685,18 @@
5065
4685
  "default"
5066
4686
  ]
5067
4687
  },
5068
- "hover": {
5069
- "value": "#f0ecff",
5070
- "public": true,
5071
- "isReferenceToInternal": true,
5072
- "filePath": "tokens/color/alias/interactive.light.json",
5073
- "isSource": true,
5074
- "original": {
5075
- "value": "{color.light-mode.brand.secondary.100.value}",
5076
- "public": true,
5077
- "isReferenceToInternal": true
5078
- },
5079
- "name": "color-light-mode-button-secondary-background-hover",
5080
- "attributes": {
5081
- "category": "color",
5082
- "type": "light-mode",
5083
- "item": "button",
5084
- "subitem": "secondary",
5085
- "state": "background"
5086
- },
5087
- "path": [
5088
- "color",
5089
- "light-mode",
5090
- "button",
5091
- "secondary",
5092
- "background",
5093
- "hover"
5094
- ]
5095
- },
5096
- "active": {
5097
- "value": "#cfcfd3",
4688
+ "hover": {
4689
+ "value": "#f0ecff",
5098
4690
  "public": true,
5099
4691
  "isReferenceToInternal": true,
5100
4692
  "filePath": "tokens/color/alias/interactive.light.json",
5101
4693
  "isSource": true,
5102
4694
  "original": {
5103
- "value": "{color.light-mode.neutral.100.value}",
4695
+ "value": "{color.light-mode.brand.secondary.100.value}",
5104
4696
  "public": true,
5105
4697
  "isReferenceToInternal": true
5106
4698
  },
5107
- "name": "color-light-mode-button-secondary-background-active",
4699
+ "name": "color-light-mode-button-secondary-background-hover",
5108
4700
  "attributes": {
5109
4701
  "category": "color",
5110
4702
  "type": "light-mode",
@@ -5118,21 +4710,21 @@
5118
4710
  "button",
5119
4711
  "secondary",
5120
4712
  "background",
5121
- "active"
4713
+ "hover"
5122
4714
  ]
5123
4715
  },
5124
- "focus": {
5125
- "value": "#f0ecff",
4716
+ "active": {
4717
+ "value": "#cfcfd3",
5126
4718
  "public": true,
5127
4719
  "isReferenceToInternal": true,
5128
4720
  "filePath": "tokens/color/alias/interactive.light.json",
5129
4721
  "isSource": true,
5130
4722
  "original": {
5131
- "value": "{color.light-mode.brand.secondary.100.value}",
4723
+ "value": "{color.light-mode.neutral.100.value}",
5132
4724
  "public": true,
5133
4725
  "isReferenceToInternal": true
5134
4726
  },
5135
- "name": "color-light-mode-button-secondary-background-focus",
4727
+ "name": "color-light-mode-button-secondary-background-active",
5136
4728
  "attributes": {
5137
4729
  "category": "color",
5138
4730
  "type": "light-mode",
@@ -5146,7 +4738,7 @@
5146
4738
  "button",
5147
4739
  "secondary",
5148
4740
  "background",
5149
- "focus"
4741
+ "active"
5150
4742
  ]
5151
4743
  }
5152
4744
  },
@@ -5234,34 +4826,6 @@
5234
4826
  "border",
5235
4827
  "active"
5236
4828
  ]
5237
- },
5238
- "focus": {
5239
- "value": "#785aff",
5240
- "public": true,
5241
- "isReferenceToInternal": true,
5242
- "filePath": "tokens/color/alias/interactive.light.json",
5243
- "isSource": true,
5244
- "original": {
5245
- "value": "{color.light-mode.brand.secondary.300.value}",
5246
- "public": true,
5247
- "isReferenceToInternal": true
5248
- },
5249
- "name": "color-light-mode-button-secondary-border-focus",
5250
- "attributes": {
5251
- "category": "color",
5252
- "type": "light-mode",
5253
- "item": "button",
5254
- "subitem": "secondary",
5255
- "state": "border"
5256
- },
5257
- "path": [
5258
- "color",
5259
- "light-mode",
5260
- "button",
5261
- "secondary",
5262
- "border",
5263
- "focus"
5264
- ]
5265
4829
  }
5266
4830
  },
5267
4831
  "foreground": {
@@ -5348,34 +4912,6 @@
5348
4912
  "foreground",
5349
4913
  "active"
5350
4914
  ]
5351
- },
5352
- "focus": {
5353
- "value": "#3017a1",
5354
- "public": true,
5355
- "isReferenceToInternal": true,
5356
- "filePath": "tokens/color/alias/interactive.light.json",
5357
- "isSource": true,
5358
- "original": {
5359
- "value": "{color.light-mode.brand.secondary.400.value}",
5360
- "public": true,
5361
- "isReferenceToInternal": true
5362
- },
5363
- "name": "color-light-mode-button-secondary-foreground-focus",
5364
- "attributes": {
5365
- "category": "color",
5366
- "type": "light-mode",
5367
- "item": "button",
5368
- "subitem": "secondary",
5369
- "state": "foreground"
5370
- },
5371
- "path": [
5372
- "color",
5373
- "light-mode",
5374
- "button",
5375
- "secondary",
5376
- "foreground",
5377
- "focus"
5378
- ]
5379
4915
  }
5380
4916
  }
5381
4917
  },
@@ -5462,32 +4998,6 @@
5462
4998
  "background",
5463
4999
  "active"
5464
5000
  ]
5465
- },
5466
- "focus": {
5467
- "value": "rgba(0, 0, 0, 0)",
5468
- "public": true,
5469
- "filePath": "tokens/color/alias/interactive.light.json",
5470
- "isSource": true,
5471
- "original": {
5472
- "value": "transparent",
5473
- "public": true
5474
- },
5475
- "name": "color-light-mode-button-subtle-background-focus",
5476
- "attributes": {
5477
- "category": "color",
5478
- "type": "light-mode",
5479
- "item": "button",
5480
- "subitem": "subtle",
5481
- "state": "background"
5482
- },
5483
- "path": [
5484
- "color",
5485
- "light-mode",
5486
- "button",
5487
- "subtle",
5488
- "background",
5489
- "focus"
5490
- ]
5491
5001
  }
5492
5002
  },
5493
5003
  "border": {
@@ -5602,34 +5112,6 @@
5602
5112
  "foreground",
5603
5113
  "active"
5604
5114
  ]
5605
- },
5606
- "focus": {
5607
- "value": "#3017a1",
5608
- "public": true,
5609
- "isReferenceToInternal": true,
5610
- "filePath": "tokens/color/alias/interactive.light.json",
5611
- "isSource": true,
5612
- "original": {
5613
- "value": "{color.light-mode.brand.secondary.400.value}",
5614
- "public": true,
5615
- "isReferenceToInternal": true
5616
- },
5617
- "name": "color-light-mode-button-subtle-foreground-focus",
5618
- "attributes": {
5619
- "category": "color",
5620
- "type": "light-mode",
5621
- "item": "button",
5622
- "subitem": "subtle",
5623
- "state": "foreground"
5624
- },
5625
- "path": [
5626
- "color",
5627
- "light-mode",
5628
- "button",
5629
- "subtle",
5630
- "foreground",
5631
- "focus"
5632
- ]
5633
5115
  }
5634
5116
  }
5635
5117
  },
@@ -5718,34 +5200,6 @@
5718
5200
  "background",
5719
5201
  "active"
5720
5202
  ]
5721
- },
5722
- "focus": {
5723
- "value": "#ffebeb",
5724
- "public": true,
5725
- "isReferenceToInternal": true,
5726
- "filePath": "tokens/color/alias/interactive.light.json",
5727
- "isSource": true,
5728
- "original": {
5729
- "value": "{color.light-mode.semantic.error.100.value}",
5730
- "public": true,
5731
- "isReferenceToInternal": true
5732
- },
5733
- "name": "color-light-mode-button-critical-background-focus",
5734
- "attributes": {
5735
- "category": "color",
5736
- "type": "light-mode",
5737
- "item": "button",
5738
- "subitem": "critical",
5739
- "state": "background"
5740
- },
5741
- "path": [
5742
- "color",
5743
- "light-mode",
5744
- "button",
5745
- "critical",
5746
- "background",
5747
- "focus"
5748
- ]
5749
5203
  }
5750
5204
  },
5751
5205
  "border": {
@@ -5832,34 +5286,6 @@
5832
5286
  "border",
5833
5287
  "active"
5834
5288
  ]
5835
- },
5836
- "focus": {
5837
- "value": "#d61f1f",
5838
- "public": true,
5839
- "isReferenceToInternal": true,
5840
- "filePath": "tokens/color/alias/interactive.light.json",
5841
- "isSource": true,
5842
- "original": {
5843
- "value": "{color.light-mode.semantic.error.400.value}",
5844
- "public": true,
5845
- "isReferenceToInternal": true
5846
- },
5847
- "name": "color-light-mode-button-critical-border-focus",
5848
- "attributes": {
5849
- "category": "color",
5850
- "type": "light-mode",
5851
- "item": "button",
5852
- "subitem": "critical",
5853
- "state": "border"
5854
- },
5855
- "path": [
5856
- "color",
5857
- "light-mode",
5858
- "button",
5859
- "critical",
5860
- "border",
5861
- "focus"
5862
- ]
5863
5289
  }
5864
5290
  },
5865
5291
  "foreground": {
@@ -5946,34 +5372,6 @@
5946
5372
  "foreground",
5947
5373
  "active"
5948
5374
  ]
5949
- },
5950
- "focus": {
5951
- "value": "#f83333",
5952
- "public": true,
5953
- "isReferenceToInternal": true,
5954
- "filePath": "tokens/color/alias/interactive.light.json",
5955
- "isSource": true,
5956
- "original": {
5957
- "value": "{color.light-mode.semantic.error.300.value}",
5958
- "public": true,
5959
- "isReferenceToInternal": true
5960
- },
5961
- "name": "color-light-mode-button-critical-foreground-focus",
5962
- "attributes": {
5963
- "category": "color",
5964
- "type": "light-mode",
5965
- "item": "button",
5966
- "subitem": "critical",
5967
- "state": "foreground"
5968
- },
5969
- "path": [
5970
- "color",
5971
- "light-mode",
5972
- "button",
5973
- "critical",
5974
- "foreground",
5975
- "focus"
5976
- ]
5977
5375
  }
5978
5376
  }
5979
5377
  }
@@ -7774,27 +7172,31 @@
7774
7172
  "elevation": {
7775
7173
  "dark-mode": {
7776
7174
  "raised": {
7777
- "value": {
7778
- "x": "0",
7779
- "y": "1",
7780
- "blur": "1",
7781
- "spread": "0",
7782
- "color": "rgba(18, 18, 25, 0.95)",
7783
- "type": "dropShadow"
7784
- },
7785
- "type": "boxShadow",
7786
- "public": true,
7787
- "filePath": "tokens/elevation/base.dark.json",
7788
- "isSource": true,
7789
- "original": {
7790
- "value": {
7175
+ "value": [
7176
+ {
7791
7177
  "x": "0",
7792
7178
  "y": "1",
7793
7179
  "blur": "1",
7794
7180
  "spread": "0",
7795
7181
  "color": "rgba(18, 18, 25, 0.95)",
7796
7182
  "type": "dropShadow"
7797
- },
7183
+ }
7184
+ ],
7185
+ "type": "boxShadow",
7186
+ "public": true,
7187
+ "filePath": "tokens/elevation/base.dark.json",
7188
+ "isSource": true,
7189
+ "original": {
7190
+ "value": [
7191
+ {
7192
+ "x": "0",
7193
+ "y": "1",
7194
+ "blur": "1",
7195
+ "spread": "0",
7196
+ "color": "rgba(18, 18, 25, 0.95)",
7197
+ "type": "dropShadow"
7198
+ }
7199
+ ],
7798
7200
  "type": "boxShadow",
7799
7201
  "public": true
7800
7202
  },
@@ -7811,27 +7213,31 @@
7811
7213
  ]
7812
7214
  },
7813
7215
  "overlay": {
7814
- "value": {
7815
- "x": "0",
7816
- "y": "8",
7817
- "blur": "12",
7818
- "spread": "0",
7819
- "color": "rgba(18, 18, 25, 0.6)",
7820
- "type": "dropShadow"
7821
- },
7822
- "type": "boxShadow",
7823
- "public": true,
7824
- "filePath": "tokens/elevation/base.dark.json",
7825
- "isSource": true,
7826
- "original": {
7827
- "value": {
7216
+ "value": [
7217
+ {
7828
7218
  "x": "0",
7829
7219
  "y": "8",
7830
7220
  "blur": "12",
7831
7221
  "spread": "0",
7832
7222
  "color": "rgba(18, 18, 25, 0.6)",
7833
7223
  "type": "dropShadow"
7834
- },
7224
+ }
7225
+ ],
7226
+ "type": "boxShadow",
7227
+ "public": true,
7228
+ "filePath": "tokens/elevation/base.dark.json",
7229
+ "isSource": true,
7230
+ "original": {
7231
+ "value": [
7232
+ {
7233
+ "x": "0",
7234
+ "y": "8",
7235
+ "blur": "12",
7236
+ "spread": "0",
7237
+ "color": "rgba(18, 18, 25, 0.6)",
7238
+ "type": "dropShadow"
7239
+ }
7240
+ ],
7835
7241
  "type": "boxShadow",
7836
7242
  "public": true
7837
7243
  },
@@ -7850,20 +7256,8 @@
7850
7256
  },
7851
7257
  "light-mode": {
7852
7258
  "raised": {
7853
- "value": {
7854
- "x": "0",
7855
- "y": "1",
7856
- "blur": "1",
7857
- "spread": "0",
7858
- "color": "#aeaeb6",
7859
- "type": "dropShadow"
7860
- },
7861
- "type": "boxShadow",
7862
- "public": true,
7863
- "filePath": "tokens/elevation/base.light.json",
7864
- "isSource": true,
7865
- "original": {
7866
- "value": {
7259
+ "value": [
7260
+ {
7867
7261
  "x": "0",
7868
7262
  "y": "1",
7869
7263
  "blur": "1",
@@ -7871,6 +7265,38 @@
7871
7265
  "color": "#aeaeb6",
7872
7266
  "type": "dropShadow"
7873
7267
  },
7268
+ {
7269
+ "x": "0",
7270
+ "y": "0",
7271
+ "blur": "1",
7272
+ "spread": "0",
7273
+ "color": "rgba(18, 18, 25, 0.25)",
7274
+ "type": "dropShadow"
7275
+ }
7276
+ ],
7277
+ "type": "boxShadow",
7278
+ "public": true,
7279
+ "filePath": "tokens/elevation/base.light.json",
7280
+ "isSource": true,
7281
+ "original": {
7282
+ "value": [
7283
+ {
7284
+ "x": "0",
7285
+ "y": "1",
7286
+ "blur": "1",
7287
+ "spread": "0",
7288
+ "color": "#aeaeb6",
7289
+ "type": "dropShadow"
7290
+ },
7291
+ {
7292
+ "x": "0",
7293
+ "y": "0",
7294
+ "blur": "1",
7295
+ "spread": "0",
7296
+ "color": "rgba(18, 18, 25, 0.25)",
7297
+ "type": "dropShadow"
7298
+ }
7299
+ ],
7874
7300
  "type": "boxShadow",
7875
7301
  "public": true
7876
7302
  },
@@ -7887,20 +7313,8 @@
7887
7313
  ]
7888
7314
  },
7889
7315
  "overlay": {
7890
- "value": {
7891
- "x": "0",
7892
- "y": "8",
7893
- "blur": "12",
7894
- "spread": "0",
7895
- "color": "rgba(113, 113, 124, 0.25)",
7896
- "type": "dropShadow"
7897
- },
7898
- "type": "boxShadow",
7899
- "public": true,
7900
- "filePath": "tokens/elevation/base.light.json",
7901
- "isSource": true,
7902
- "original": {
7903
- "value": {
7316
+ "value": [
7317
+ {
7904
7318
  "x": "0",
7905
7319
  "y": "8",
7906
7320
  "blur": "12",
@@ -7908,6 +7322,38 @@
7908
7322
  "color": "rgba(113, 113, 124, 0.25)",
7909
7323
  "type": "dropShadow"
7910
7324
  },
7325
+ {
7326
+ "x": "0",
7327
+ "y": "0",
7328
+ "blur": "1",
7329
+ "spread": "0",
7330
+ "color": "rgba(18, 18, 25, 0.25)",
7331
+ "type": "dropShadow"
7332
+ }
7333
+ ],
7334
+ "type": "boxShadow",
7335
+ "public": true,
7336
+ "filePath": "tokens/elevation/base.light.json",
7337
+ "isSource": true,
7338
+ "original": {
7339
+ "value": [
7340
+ {
7341
+ "x": "0",
7342
+ "y": "8",
7343
+ "blur": "12",
7344
+ "spread": "0",
7345
+ "color": "rgba(113, 113, 124, 0.25)",
7346
+ "type": "dropShadow"
7347
+ },
7348
+ {
7349
+ "x": "0",
7350
+ "y": "0",
7351
+ "blur": "1",
7352
+ "spread": "0",
7353
+ "color": "rgba(18, 18, 25, 0.25)",
7354
+ "type": "dropShadow"
7355
+ }
7356
+ ],
7911
7357
  "type": "boxShadow",
7912
7358
  "public": true
7913
7359
  },