@pantheon-systems/pds-design-tokens 1.0.0-dev.156 → 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 (6) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +19 -19
  2. package/build/css/pds-design-tokens-light-mode.css +19 -10
  3. package/build/figma/pds-design-tokens-figma.json +322 -76
  4. package/build/json/pds-design-tokens-dark-mode.json +49 -47
  5. package/build/json/pds-design-tokens-light-mode.json +273 -29
  6. package/package.json +1 -1
package/build/json/pds-design-tokens-light-mode.json CHANGED
@@ -1475,15 +1475,13 @@
1475
1475
  ]
1476
1476
  },
1477
1477
  "active": {
1478
- "value": "#726009",
1478
+ "value": "#a88f10",
1479
1479
  "public": true,
1480
- "isReferenceToInternal": true,
1481
1480
  "filePath": "tokens/color/component/button.light.json",
1482
1481
  "isSource": true,
1483
1482
  "original": {
1484
- "value": "{color.light-mode.brand.secondary.600.value}",
1485
- "public": true,
1486
- "isReferenceToInternal": true
1483
+ "value": "#A88F10",
1484
+ "public": true
1487
1485
  },
1488
1486
  "name": "color-light-mode-button-brand-background-active",
1489
1487
  "attributes": {
@@ -1561,15 +1559,13 @@
1561
1559
  ]
1562
1560
  },
1563
1561
  "active": {
1564
- "value": "#726009",
1562
+ "value": "#a88f10",
1565
1563
  "public": true,
1566
- "isReferenceToInternal": true,
1567
1564
  "filePath": "tokens/color/component/button.light.json",
1568
1565
  "isSource": true,
1569
1566
  "original": {
1570
- "value": "{color.light-mode.brand.secondary.600.value}",
1571
- "public": true,
1572
- "isReferenceToInternal": true
1567
+ "value": "#A88F10",
1568
+ "public": true
1573
1569
  },
1574
1570
  "name": "color-light-mode-button-brand-border-active",
1575
1571
  "attributes": {
@@ -1937,12 +1933,12 @@
1937
1933
  "critical": {
1938
1934
  "background": {
1939
1935
  "default": {
1940
- "value": "#ffffff",
1936
+ "value": "#bc1c11",
1941
1937
  "public": true,
1942
1938
  "filePath": "tokens/color/component/button.light.json",
1943
1939
  "isSource": true,
1944
1940
  "original": {
1945
- "value": "{color.light-mode.background.default.value}",
1941
+ "value": "{color.light-mode.status.critical.foreground.value}",
1946
1942
  "public": true
1947
1943
  },
1948
1944
  "name": "color-light-mode-button-critical-background-default",
@@ -1963,12 +1959,12 @@
1963
1959
  ]
1964
1960
  },
1965
1961
  "hover": {
1966
- "value": "#ffefee",
1962
+ "value": "#9e140b",
1967
1963
  "public": true,
1968
1964
  "filePath": "tokens/color/component/button.light.json",
1969
1965
  "isSource": true,
1970
1966
  "original": {
1971
- "value": "{color.light-mode.status.critical.background.value}",
1967
+ "value": "#9E140B",
1972
1968
  "public": true
1973
1969
  },
1974
1970
  "name": "color-light-mode-button-critical-background-hover",
@@ -1989,12 +1985,12 @@
1989
1985
  ]
1990
1986
  },
1991
1987
  "active": {
1992
- "value": "#ffdcd8",
1988
+ "value": "#790b03",
1993
1989
  "public": true,
1994
1990
  "filePath": "tokens/color/component/button.light.json",
1995
1991
  "isSource": true,
1996
1992
  "original": {
1997
- "value": "#ffdcd8",
1993
+ "value": "#790B03",
1998
1994
  "public": true
1999
1995
  },
2000
1996
  "name": "color-light-mode-button-critical-background-active",
@@ -2043,12 +2039,12 @@
2043
2039
  ]
2044
2040
  },
2045
2041
  "hover": {
2046
- "value": "#bc1c11",
2042
+ "value": "#9e140b",
2047
2043
  "public": true,
2048
2044
  "filePath": "tokens/color/component/button.light.json",
2049
2045
  "isSource": true,
2050
2046
  "original": {
2051
- "value": "{color.light-mode.status.critical.foreground.value}",
2047
+ "value": "#9E140B",
2052
2048
  "public": true
2053
2049
  },
2054
2050
  "name": "color-light-mode-button-critical-border-hover",
@@ -2069,12 +2065,12 @@
2069
2065
  ]
2070
2066
  },
2071
2067
  "active": {
2072
- "value": "#b52f1d",
2068
+ "value": "#790b03",
2073
2069
  "public": true,
2074
2070
  "filePath": "tokens/color/component/button.light.json",
2075
2071
  "isSource": true,
2076
2072
  "original": {
2077
- "value": "#b52f1d",
2073
+ "value": "#790B03",
2078
2074
  "public": true
2079
2075
  },
2080
2076
  "name": "color-light-mode-button-critical-border-active",
@@ -2097,13 +2093,15 @@
2097
2093
  },
2098
2094
  "foreground": {
2099
2095
  "default": {
2100
- "value": "#bc1c11",
2096
+ "value": "#ffffff",
2101
2097
  "public": true,
2098
+ "isReferenceToInternal": true,
2102
2099
  "filePath": "tokens/color/component/button.light.json",
2103
2100
  "isSource": true,
2104
2101
  "original": {
2105
- "value": "{color.light-mode.status.critical.foreground.value}",
2106
- "public": true
2102
+ "value": "{color.light-mode.neutral.000.value}",
2103
+ "public": true,
2104
+ "isReferenceToInternal": true
2107
2105
  },
2108
2106
  "name": "color-light-mode-button-critical-foreground-default",
2109
2107
  "attributes": {
@@ -2123,13 +2121,15 @@
2123
2121
  ]
2124
2122
  },
2125
2123
  "hover": {
2126
- "value": "#bc1c11",
2124
+ "value": "#ffffff",
2127
2125
  "public": true,
2126
+ "isReferenceToInternal": true,
2128
2127
  "filePath": "tokens/color/component/button.light.json",
2129
2128
  "isSource": true,
2130
2129
  "original": {
2131
- "value": "{color.light-mode.status.critical.foreground.value}",
2132
- "public": true
2130
+ "value": "{color.light-mode.neutral.000.value}",
2131
+ "public": true,
2132
+ "isReferenceToInternal": true
2133
2133
  },
2134
2134
  "name": "color-light-mode-button-critical-foreground-hover",
2135
2135
  "attributes": {
@@ -2149,13 +2149,15 @@
2149
2149
  ]
2150
2150
  },
2151
2151
  "active": {
2152
- "value": "#b52f1d",
2152
+ "value": "#ffffff",
2153
2153
  "public": true,
2154
+ "isReferenceToInternal": true,
2154
2155
  "filePath": "tokens/color/component/button.light.json",
2155
2156
  "isSource": true,
2156
2157
  "original": {
2157
- "value": "#b52f1d",
2158
- "public": true
2158
+ "value": "{color.light-mode.neutral.000.value}",
2159
+ "public": true,
2160
+ "isReferenceToInternal": true
2159
2161
  },
2160
2162
  "name": "color-light-mode-button-critical-foreground-active",
2161
2163
  "attributes": {
@@ -2176,6 +2178,248 @@
2176
2178
  }
2177
2179
  }
2178
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
+ },
2179
2423
  "navbar": {
2180
2424
  "foreground": {
2181
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.156",
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": [