@pantheon-systems/pds-design-tokens 1.0.0-dev.157 → 1.0.0-dev.158

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 (4) hide show
  1. package/build/css/pds-design-tokens-light-mode.css +9 -0
  2. package/build/figma/pds-design-tokens-figma.json +242 -0
  3. package/build/json/pds-design-tokens-light-mode.json +242 -0
  4. package/package.json +1 -1
package/build/css/pds-design-tokens-light-mode.css CHANGED
@@ -91,6 +91,15 @@
91
91
  --pds-color-button-critical-foreground-active: #ffffff;
92
92
  --pds-color-button-critical-foreground-default: #ffffff;
93
93
  --pds-color-button-critical-foreground-hover: #ffffff;
94
+ --pds-color-button-critical-secondary-background-active: #ffdcd8;
95
+ --pds-color-button-critical-secondary-background-default: rgba(0, 0, 0, 0);
96
+ --pds-color-button-critical-secondary-background-hover: var(--pds-color-status-critical-background);
97
+ --pds-color-button-critical-secondary-border-active: var(--pds-color-button-critical-border-active);
98
+ --pds-color-button-critical-secondary-border-default: var(--pds-color-status-critical-foreground);
99
+ --pds-color-button-critical-secondary-border-hover: var(--pds-color-button-critical-border-hover);
100
+ --pds-color-button-critical-secondary-foreground-active: var(--pds-color-status-critical-foreground);
101
+ --pds-color-button-critical-secondary-foreground-default: var(--pds-color-status-critical-foreground);
102
+ --pds-color-button-critical-secondary-foreground-hover: var(--pds-color-status-critical-foreground);
94
103
  --pds-color-button-navbar-foreground-active: var(--pds-color-interactive-link-active);
95
104
  --pds-color-button-navbar-foreground-default: var(--pds-color-foreground-default);
96
105
  --pds-color-button-navbar-foreground-hover: var(--pds-color-interactive-link-hover);
package/build/figma/pds-design-tokens-figma.json CHANGED
@@ -11545,6 +11545,248 @@
11545
11545
  }
11546
11546
  }
11547
11547
  },
11548
+ "critical-secondary": {
11549
+ "background": {
11550
+ "default": {
11551
+ "value": "rgba(0, 0, 0, 0)",
11552
+ "public": true,
11553
+ "filePath": "tokens/color/component/button.light.json",
11554
+ "isSource": true,
11555
+ "original": {
11556
+ "value": "transparent",
11557
+ "public": true
11558
+ },
11559
+ "name": "color-light-mode-button-critical-secondary-background-default",
11560
+ "attributes": {
11561
+ "category": "color",
11562
+ "type": "light-mode",
11563
+ "item": "button",
11564
+ "subitem": "critical-secondary",
11565
+ "state": "background"
11566
+ },
11567
+ "path": [
11568
+ "color",
11569
+ "light-mode",
11570
+ "button",
11571
+ "critical-secondary",
11572
+ "background",
11573
+ "default"
11574
+ ]
11575
+ },
11576
+ "hover": {
11577
+ "value": "#ffefee",
11578
+ "public": true,
11579
+ "filePath": "tokens/color/component/button.light.json",
11580
+ "isSource": true,
11581
+ "original": {
11582
+ "value": "{color.light-mode.status.critical.background.value}",
11583
+ "public": true
11584
+ },
11585
+ "name": "color-light-mode-button-critical-secondary-background-hover",
11586
+ "attributes": {
11587
+ "category": "color",
11588
+ "type": "light-mode",
11589
+ "item": "button",
11590
+ "subitem": "critical-secondary",
11591
+ "state": "background"
11592
+ },
11593
+ "path": [
11594
+ "color",
11595
+ "light-mode",
11596
+ "button",
11597
+ "critical-secondary",
11598
+ "background",
11599
+ "hover"
11600
+ ]
11601
+ },
11602
+ "active": {
11603
+ "value": "#ffdcd8",
11604
+ "public": true,
11605
+ "filePath": "tokens/color/component/button.light.json",
11606
+ "isSource": true,
11607
+ "original": {
11608
+ "value": "#FFDCD8",
11609
+ "public": true
11610
+ },
11611
+ "name": "color-light-mode-button-critical-secondary-background-active",
11612
+ "attributes": {
11613
+ "category": "color",
11614
+ "type": "light-mode",
11615
+ "item": "button",
11616
+ "subitem": "critical-secondary",
11617
+ "state": "background"
11618
+ },
11619
+ "path": [
11620
+ "color",
11621
+ "light-mode",
11622
+ "button",
11623
+ "critical-secondary",
11624
+ "background",
11625
+ "active"
11626
+ ]
11627
+ }
11628
+ },
11629
+ "border": {
11630
+ "default": {
11631
+ "value": "#bc1c11",
11632
+ "public": true,
11633
+ "filePath": "tokens/color/component/button.light.json",
11634
+ "isSource": true,
11635
+ "original": {
11636
+ "value": "{color.light-mode.status.critical.foreground.value}",
11637
+ "public": true
11638
+ },
11639
+ "name": "color-light-mode-button-critical-secondary-border-default",
11640
+ "attributes": {
11641
+ "category": "color",
11642
+ "type": "light-mode",
11643
+ "item": "button",
11644
+ "subitem": "critical-secondary",
11645
+ "state": "border"
11646
+ },
11647
+ "path": [
11648
+ "color",
11649
+ "light-mode",
11650
+ "button",
11651
+ "critical-secondary",
11652
+ "border",
11653
+ "default"
11654
+ ]
11655
+ },
11656
+ "hover": {
11657
+ "value": "#9e140b",
11658
+ "public": true,
11659
+ "filePath": "tokens/color/component/button.light.json",
11660
+ "isSource": true,
11661
+ "original": {
11662
+ "value": "{color.light-mode.button.critical.border.hover.value}",
11663
+ "public": true
11664
+ },
11665
+ "name": "color-light-mode-button-critical-secondary-border-hover",
11666
+ "attributes": {
11667
+ "category": "color",
11668
+ "type": "light-mode",
11669
+ "item": "button",
11670
+ "subitem": "critical-secondary",
11671
+ "state": "border"
11672
+ },
11673
+ "path": [
11674
+ "color",
11675
+ "light-mode",
11676
+ "button",
11677
+ "critical-secondary",
11678
+ "border",
11679
+ "hover"
11680
+ ]
11681
+ },
11682
+ "active": {
11683
+ "value": "#790b03",
11684
+ "public": true,
11685
+ "filePath": "tokens/color/component/button.light.json",
11686
+ "isSource": true,
11687
+ "original": {
11688
+ "value": "{color.light-mode.button.critical.border.active.value}",
11689
+ "public": true
11690
+ },
11691
+ "name": "color-light-mode-button-critical-secondary-border-active",
11692
+ "attributes": {
11693
+ "category": "color",
11694
+ "type": "light-mode",
11695
+ "item": "button",
11696
+ "subitem": "critical-secondary",
11697
+ "state": "border"
11698
+ },
11699
+ "path": [
11700
+ "color",
11701
+ "light-mode",
11702
+ "button",
11703
+ "critical-secondary",
11704
+ "border",
11705
+ "active"
11706
+ ]
11707
+ }
11708
+ },
11709
+ "foreground": {
11710
+ "default": {
11711
+ "value": "#bc1c11",
11712
+ "public": true,
11713
+ "filePath": "tokens/color/component/button.light.json",
11714
+ "isSource": true,
11715
+ "original": {
11716
+ "value": "{color.light-mode.status.critical.foreground.value}",
11717
+ "public": true
11718
+ },
11719
+ "name": "color-light-mode-button-critical-secondary-foreground-default",
11720
+ "attributes": {
11721
+ "category": "color",
11722
+ "type": "light-mode",
11723
+ "item": "button",
11724
+ "subitem": "critical-secondary",
11725
+ "state": "foreground"
11726
+ },
11727
+ "path": [
11728
+ "color",
11729
+ "light-mode",
11730
+ "button",
11731
+ "critical-secondary",
11732
+ "foreground",
11733
+ "default"
11734
+ ]
11735
+ },
11736
+ "hover": {
11737
+ "value": "#bc1c11",
11738
+ "public": true,
11739
+ "filePath": "tokens/color/component/button.light.json",
11740
+ "isSource": true,
11741
+ "original": {
11742
+ "value": "{color.light-mode.status.critical.foreground.value}",
11743
+ "public": true
11744
+ },
11745
+ "name": "color-light-mode-button-critical-secondary-foreground-hover",
11746
+ "attributes": {
11747
+ "category": "color",
11748
+ "type": "light-mode",
11749
+ "item": "button",
11750
+ "subitem": "critical-secondary",
11751
+ "state": "foreground"
11752
+ },
11753
+ "path": [
11754
+ "color",
11755
+ "light-mode",
11756
+ "button",
11757
+ "critical-secondary",
11758
+ "foreground",
11759
+ "hover"
11760
+ ]
11761
+ },
11762
+ "active": {
11763
+ "value": "#bc1c11",
11764
+ "public": true,
11765
+ "filePath": "tokens/color/component/button.light.json",
11766
+ "isSource": true,
11767
+ "original": {
11768
+ "value": "{color.light-mode.status.critical.foreground.value}",
11769
+ "public": true
11770
+ },
11771
+ "name": "color-light-mode-button-critical-secondary-foreground-active",
11772
+ "attributes": {
11773
+ "category": "color",
11774
+ "type": "light-mode",
11775
+ "item": "button",
11776
+ "subitem": "critical-secondary",
11777
+ "state": "foreground"
11778
+ },
11779
+ "path": [
11780
+ "color",
11781
+ "light-mode",
11782
+ "button",
11783
+ "critical-secondary",
11784
+ "foreground",
11785
+ "active"
11786
+ ]
11787
+ }
11788
+ }
11789
+ },
11548
11790
  "navbar": {
11549
11791
  "foreground": {
11550
11792
  "default": {
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -2178,6 +2178,248 @@
2178
2178
  }
2179
2179
  }
2180
2180
  },
2181
+ "critical-secondary": {
2182
+ "background": {
2183
+ "default": {
2184
+ "value": "rgba(0, 0, 0, 0)",
2185
+ "public": true,
2186
+ "filePath": "tokens/color/component/button.light.json",
2187
+ "isSource": true,
2188
+ "original": {
2189
+ "value": "transparent",
2190
+ "public": true
2191
+ },
2192
+ "name": "color-light-mode-button-critical-secondary-background-default",
2193
+ "attributes": {
2194
+ "category": "color",
2195
+ "type": "light-mode",
2196
+ "item": "button",
2197
+ "subitem": "critical-secondary",
2198
+ "state": "background"
2199
+ },
2200
+ "path": [
2201
+ "color",
2202
+ "light-mode",
2203
+ "button",
2204
+ "critical-secondary",
2205
+ "background",
2206
+ "default"
2207
+ ]
2208
+ },
2209
+ "hover": {
2210
+ "value": "#ffefee",
2211
+ "public": true,
2212
+ "filePath": "tokens/color/component/button.light.json",
2213
+ "isSource": true,
2214
+ "original": {
2215
+ "value": "{color.light-mode.status.critical.background.value}",
2216
+ "public": true
2217
+ },
2218
+ "name": "color-light-mode-button-critical-secondary-background-hover",
2219
+ "attributes": {
2220
+ "category": "color",
2221
+ "type": "light-mode",
2222
+ "item": "button",
2223
+ "subitem": "critical-secondary",
2224
+ "state": "background"
2225
+ },
2226
+ "path": [
2227
+ "color",
2228
+ "light-mode",
2229
+ "button",
2230
+ "critical-secondary",
2231
+ "background",
2232
+ "hover"
2233
+ ]
2234
+ },
2235
+ "active": {
2236
+ "value": "#ffdcd8",
2237
+ "public": true,
2238
+ "filePath": "tokens/color/component/button.light.json",
2239
+ "isSource": true,
2240
+ "original": {
2241
+ "value": "#FFDCD8",
2242
+ "public": true
2243
+ },
2244
+ "name": "color-light-mode-button-critical-secondary-background-active",
2245
+ "attributes": {
2246
+ "category": "color",
2247
+ "type": "light-mode",
2248
+ "item": "button",
2249
+ "subitem": "critical-secondary",
2250
+ "state": "background"
2251
+ },
2252
+ "path": [
2253
+ "color",
2254
+ "light-mode",
2255
+ "button",
2256
+ "critical-secondary",
2257
+ "background",
2258
+ "active"
2259
+ ]
2260
+ }
2261
+ },
2262
+ "border": {
2263
+ "default": {
2264
+ "value": "#bc1c11",
2265
+ "public": true,
2266
+ "filePath": "tokens/color/component/button.light.json",
2267
+ "isSource": true,
2268
+ "original": {
2269
+ "value": "{color.light-mode.status.critical.foreground.value}",
2270
+ "public": true
2271
+ },
2272
+ "name": "color-light-mode-button-critical-secondary-border-default",
2273
+ "attributes": {
2274
+ "category": "color",
2275
+ "type": "light-mode",
2276
+ "item": "button",
2277
+ "subitem": "critical-secondary",
2278
+ "state": "border"
2279
+ },
2280
+ "path": [
2281
+ "color",
2282
+ "light-mode",
2283
+ "button",
2284
+ "critical-secondary",
2285
+ "border",
2286
+ "default"
2287
+ ]
2288
+ },
2289
+ "hover": {
2290
+ "value": "#9e140b",
2291
+ "public": true,
2292
+ "filePath": "tokens/color/component/button.light.json",
2293
+ "isSource": true,
2294
+ "original": {
2295
+ "value": "{color.light-mode.button.critical.border.hover.value}",
2296
+ "public": true
2297
+ },
2298
+ "name": "color-light-mode-button-critical-secondary-border-hover",
2299
+ "attributes": {
2300
+ "category": "color",
2301
+ "type": "light-mode",
2302
+ "item": "button",
2303
+ "subitem": "critical-secondary",
2304
+ "state": "border"
2305
+ },
2306
+ "path": [
2307
+ "color",
2308
+ "light-mode",
2309
+ "button",
2310
+ "critical-secondary",
2311
+ "border",
2312
+ "hover"
2313
+ ]
2314
+ },
2315
+ "active": {
2316
+ "value": "#790b03",
2317
+ "public": true,
2318
+ "filePath": "tokens/color/component/button.light.json",
2319
+ "isSource": true,
2320
+ "original": {
2321
+ "value": "{color.light-mode.button.critical.border.active.value}",
2322
+ "public": true
2323
+ },
2324
+ "name": "color-light-mode-button-critical-secondary-border-active",
2325
+ "attributes": {
2326
+ "category": "color",
2327
+ "type": "light-mode",
2328
+ "item": "button",
2329
+ "subitem": "critical-secondary",
2330
+ "state": "border"
2331
+ },
2332
+ "path": [
2333
+ "color",
2334
+ "light-mode",
2335
+ "button",
2336
+ "critical-secondary",
2337
+ "border",
2338
+ "active"
2339
+ ]
2340
+ }
2341
+ },
2342
+ "foreground": {
2343
+ "default": {
2344
+ "value": "#bc1c11",
2345
+ "public": true,
2346
+ "filePath": "tokens/color/component/button.light.json",
2347
+ "isSource": true,
2348
+ "original": {
2349
+ "value": "{color.light-mode.status.critical.foreground.value}",
2350
+ "public": true
2351
+ },
2352
+ "name": "color-light-mode-button-critical-secondary-foreground-default",
2353
+ "attributes": {
2354
+ "category": "color",
2355
+ "type": "light-mode",
2356
+ "item": "button",
2357
+ "subitem": "critical-secondary",
2358
+ "state": "foreground"
2359
+ },
2360
+ "path": [
2361
+ "color",
2362
+ "light-mode",
2363
+ "button",
2364
+ "critical-secondary",
2365
+ "foreground",
2366
+ "default"
2367
+ ]
2368
+ },
2369
+ "hover": {
2370
+ "value": "#bc1c11",
2371
+ "public": true,
2372
+ "filePath": "tokens/color/component/button.light.json",
2373
+ "isSource": true,
2374
+ "original": {
2375
+ "value": "{color.light-mode.status.critical.foreground.value}",
2376
+ "public": true
2377
+ },
2378
+ "name": "color-light-mode-button-critical-secondary-foreground-hover",
2379
+ "attributes": {
2380
+ "category": "color",
2381
+ "type": "light-mode",
2382
+ "item": "button",
2383
+ "subitem": "critical-secondary",
2384
+ "state": "foreground"
2385
+ },
2386
+ "path": [
2387
+ "color",
2388
+ "light-mode",
2389
+ "button",
2390
+ "critical-secondary",
2391
+ "foreground",
2392
+ "hover"
2393
+ ]
2394
+ },
2395
+ "active": {
2396
+ "value": "#bc1c11",
2397
+ "public": true,
2398
+ "filePath": "tokens/color/component/button.light.json",
2399
+ "isSource": true,
2400
+ "original": {
2401
+ "value": "{color.light-mode.status.critical.foreground.value}",
2402
+ "public": true
2403
+ },
2404
+ "name": "color-light-mode-button-critical-secondary-foreground-active",
2405
+ "attributes": {
2406
+ "category": "color",
2407
+ "type": "light-mode",
2408
+ "item": "button",
2409
+ "subitem": "critical-secondary",
2410
+ "state": "foreground"
2411
+ },
2412
+ "path": [
2413
+ "color",
2414
+ "light-mode",
2415
+ "button",
2416
+ "critical-secondary",
2417
+ "foreground",
2418
+ "active"
2419
+ ]
2420
+ }
2421
+ }
2422
+ },
2181
2423
  "navbar": {
2182
2424
  "foreground": {
2183
2425
  "default": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.157",
3
+ "version": "1.0.0-dev.158",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [