@adobe/spectrum-tokens 12.0.0-beta.16 → 12.0.0-beta.19

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/CHANGELOG.md +8 -2
  2. package/dist/json/variables.json +482 -142
  3. package/package.json +1 -1
  4. package/src/color-alias.json +66 -2
  5. package/src/component-layout.json +122 -80
  6. package/src/layout.json +84 -60
package/CHANGELOG.md CHANGED
@@ -1,6 +1,12 @@
1
- # [12.0.0-beta.16](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.15...v12.0.0-beta.16) (2022-04-08)
1
+ # [12.0.0-beta.19](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.18...v12.0.0-beta.19) (2022-04-26)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * correct naming of neutral-background-color-default ([113a404](https://github.com/adobe/spectrum-tokens/commit/113a4040cca8fc405827ebbff47126fa47ddb8f2))
2
7
 
3
8
 
4
9
  ### Features
5
10
 
6
- * adds informative background aliases ([f44be04](https://github.com/adobe/spectrum-tokens/commit/f44be04cf5220ecf8b90af72a27fa09909fc5c4d))
11
+ * adds postive background colors ([8f88ab8](https://github.com/adobe/spectrum-tokens/commit/8f88ab857344680984b8fb7787855cb84ba8626c))
12
+ * adds tooltip maximum width ([a755fac](https://github.com/adobe/spectrum-tokens/commit/a755facdbe095c6cc9d7c9af9575e68c6b674ef6))
package/dist/json/variables.json CHANGED
@@ -72,7 +72,7 @@
72
72
  "ref": "{black}",
73
73
  "value": "rgb(0, 0, 0)"
74
74
  },
75
- "neutral-content-color": {
75
+ "neutral-content-color-default": {
76
76
  "ref": "{gray-800}",
77
77
  "sets": {
78
78
  "light": {
@@ -1833,7 +1833,21 @@
1833
1833
  }
1834
1834
  },
1835
1835
  "darkest": {
1836
- "value": "informativet-color-500}"
1836
+ "ref": "{informative-color-500}",
1837
+ "sets": {
1838
+ "light": {
1839
+ "value": "rgb(120, 187, 250)"
1840
+ },
1841
+ "dark": {
1842
+ "value": "rgb(3, 103, 224)"
1843
+ },
1844
+ "darkest": {
1845
+ "value": "rgb(0, 92, 200)"
1846
+ },
1847
+ "wireframe": {
1848
+ "value": "rgb(216, 225, 244)"
1849
+ }
1850
+ }
1837
1851
  },
1838
1852
  "wireframe": {
1839
1853
  "ref": "{informative-color-1000}",
@@ -2210,6 +2224,266 @@
2210
2224
  }
2211
2225
  }
2212
2226
  },
2227
+ "positive-background-color-default": {
2228
+ "sets": {
2229
+ "light": {
2230
+ "ref": "{positive-color-900}",
2231
+ "sets": {
2232
+ "light": {
2233
+ "value": "rgb(0, 122, 77)"
2234
+ },
2235
+ "dark": {
2236
+ "value": "rgb(67, 199, 143)"
2237
+ },
2238
+ "darkest": {
2239
+ "value": "rgb(52, 187, 132)"
2240
+ },
2241
+ "wireframe": {
2242
+ "value": "rgb(154, 177, 227)"
2243
+ }
2244
+ }
2245
+ },
2246
+ "dark": {
2247
+ "ref": "{positive-color-500}",
2248
+ "sets": {
2249
+ "light": {
2250
+ "value": "rgb(73, 204, 147)"
2251
+ },
2252
+ "dark": {
2253
+ "value": "rgb(0, 125, 78)"
2254
+ },
2255
+ "darkest": {
2256
+ "value": "rgb(0, 111, 69)"
2257
+ },
2258
+ "wireframe": {
2259
+ "value": "rgb(216, 225, 244)"
2260
+ }
2261
+ }
2262
+ },
2263
+ "darkest": {
2264
+ "ref": "{positive-color-600}",
2265
+ "sets": {
2266
+ "light": {
2267
+ "value": "rgb(47, 184, 128)"
2268
+ },
2269
+ "dark": {
2270
+ "value": "rgb(0, 143, 93)"
2271
+ },
2272
+ "darkest": {
2273
+ "value": "rgb(0, 130, 82)"
2274
+ },
2275
+ "wireframe": {
2276
+ "value": "rgb(203, 215, 241)"
2277
+ }
2278
+ }
2279
+ },
2280
+ "wireframe": {
2281
+ "ref": "{positive-color-900}",
2282
+ "sets": {
2283
+ "light": {
2284
+ "value": "rgb(0, 122, 77)"
2285
+ },
2286
+ "dark": {
2287
+ "value": "rgb(67, 199, 143)"
2288
+ },
2289
+ "darkest": {
2290
+ "value": "rgb(52, 187, 132)"
2291
+ },
2292
+ "wireframe": {
2293
+ "value": "rgb(154, 177, 227)"
2294
+ }
2295
+ }
2296
+ }
2297
+ }
2298
+ },
2299
+ "positive-background-color-hover": {
2300
+ "sets": {
2301
+ "light": {
2302
+ "ref": "{positive-color-1000}",
2303
+ "sets": {
2304
+ "light": {
2305
+ "value": "rgb(0, 101, 62)"
2306
+ },
2307
+ "dark": {
2308
+ "value": "rgb(94, 217, 162)"
2309
+ },
2310
+ "darkest": {
2311
+ "value": "rgb(75, 205, 149)"
2312
+ },
2313
+ "wireframe": {
2314
+ "value": "rgb(133, 161, 219)"
2315
+ }
2316
+ }
2317
+ },
2318
+ "dark": {
2319
+ "value": "positivee-color-400}"
2320
+ },
2321
+ "darkest": {
2322
+ "ref": "{positive-color-500}",
2323
+ "sets": {
2324
+ "light": {
2325
+ "value": "rgb(73, 204, 147)"
2326
+ },
2327
+ "dark": {
2328
+ "value": "rgb(0, 125, 78)"
2329
+ },
2330
+ "darkest": {
2331
+ "value": "rgb(0, 111, 69)"
2332
+ },
2333
+ "wireframe": {
2334
+ "value": "rgb(216, 225, 244)"
2335
+ }
2336
+ }
2337
+ },
2338
+ "wireframe": {
2339
+ "ref": "{positive-color-1000}",
2340
+ "sets": {
2341
+ "light": {
2342
+ "value": "rgb(0, 101, 62)"
2343
+ },
2344
+ "dark": {
2345
+ "value": "rgb(94, 217, 162)"
2346
+ },
2347
+ "darkest": {
2348
+ "value": "rgb(75, 205, 149)"
2349
+ },
2350
+ "wireframe": {
2351
+ "value": "rgb(133, 161, 219)"
2352
+ }
2353
+ }
2354
+ }
2355
+ }
2356
+ },
2357
+ "positive-background-color-down": {
2358
+ "sets": {
2359
+ "light": {
2360
+ "ref": "{positive-color-1100}",
2361
+ "sets": {
2362
+ "light": {
2363
+ "value": "rgb(0, 81, 50)"
2364
+ },
2365
+ "dark": {
2366
+ "value": "rgb(129, 233, 184)"
2367
+ },
2368
+ "darkest": {
2369
+ "value": "rgb(103, 222, 168)"
2370
+ },
2371
+ "wireframe": {
2372
+ "value": "rgb(114, 145, 211)"
2373
+ }
2374
+ }
2375
+ },
2376
+ "dark": {
2377
+ "ref": "{positive-color-300}",
2378
+ "sets": {
2379
+ "light": {
2380
+ "value": "rgb(137, 236, 188)"
2381
+ },
2382
+ "dark": {
2383
+ "value": "rgb(0, 92, 56)"
2384
+ },
2385
+ "darkest": {
2386
+ "value": "rgb(0, 76, 46)"
2387
+ },
2388
+ "wireframe": {
2389
+ "value": "rgb(233, 238, 248)"
2390
+ }
2391
+ }
2392
+ },
2393
+ "darkest": {
2394
+ "value": "positivee-color-400}"
2395
+ },
2396
+ "wireframe": {
2397
+ "ref": "{positive-color-1100}",
2398
+ "sets": {
2399
+ "light": {
2400
+ "value": "rgb(0, 81, 50)"
2401
+ },
2402
+ "dark": {
2403
+ "value": "rgb(129, 233, 184)"
2404
+ },
2405
+ "darkest": {
2406
+ "value": "rgb(103, 222, 168)"
2407
+ },
2408
+ "wireframe": {
2409
+ "value": "rgb(114, 145, 211)"
2410
+ }
2411
+ }
2412
+ }
2413
+ }
2414
+ },
2415
+ "positive-background-color-key-focus": {
2416
+ "sets": {
2417
+ "light": {
2418
+ "ref": "{positive-color-1000}",
2419
+ "sets": {
2420
+ "light": {
2421
+ "value": "rgb(0, 101, 62)"
2422
+ },
2423
+ "dark": {
2424
+ "value": "rgb(94, 217, 162)"
2425
+ },
2426
+ "darkest": {
2427
+ "value": "rgb(75, 205, 149)"
2428
+ },
2429
+ "wireframe": {
2430
+ "value": "rgb(133, 161, 219)"
2431
+ }
2432
+ }
2433
+ },
2434
+ "dark": {
2435
+ "ref": "{positive-color-400}",
2436
+ "sets": {
2437
+ "light": {
2438
+ "value": "rgb(103, 222, 168)"
2439
+ },
2440
+ "dark": {
2441
+ "value": "rgb(0, 108, 67)"
2442
+ },
2443
+ "darkest": {
2444
+ "value": "rgb(0, 93, 57)"
2445
+ },
2446
+ "wireframe": {
2447
+ "value": "rgb(226, 232, 247)"
2448
+ }
2449
+ }
2450
+ },
2451
+ "darkest": {
2452
+ "ref": "{positive-color-500}",
2453
+ "sets": {
2454
+ "light": {
2455
+ "value": "rgb(73, 204, 147)"
2456
+ },
2457
+ "dark": {
2458
+ "value": "rgb(0, 125, 78)"
2459
+ },
2460
+ "darkest": {
2461
+ "value": "rgb(0, 111, 69)"
2462
+ },
2463
+ "wireframe": {
2464
+ "value": "rgb(216, 225, 244)"
2465
+ }
2466
+ }
2467
+ },
2468
+ "wireframe": {
2469
+ "ref": "{positive-color-1000}",
2470
+ "sets": {
2471
+ "light": {
2472
+ "value": "rgb(0, 101, 62)"
2473
+ },
2474
+ "dark": {
2475
+ "value": "rgb(94, 217, 162)"
2476
+ },
2477
+ "darkest": {
2478
+ "value": "rgb(75, 205, 149)"
2479
+ },
2480
+ "wireframe": {
2481
+ "value": "rgb(133, 161, 219)"
2482
+ }
2483
+ }
2484
+ }
2485
+ }
2486
+ },
2213
2487
  "disabled-content-color": {
2214
2488
  "ref": "{gray-400}",
2215
2489
  "sets": {
@@ -6922,19 +7196,23 @@
6922
7196
  "checkbox-control-size-small": {
6923
7197
  "sets": {
6924
7198
  "spectrum": {
6925
- "desktop": {
6926
- "value": "12px"
6927
- },
6928
- "mobile": {
6929
- "value": "16px"
7199
+ "sets": {
7200
+ "desktop": {
7201
+ "value": "12px"
7202
+ },
7203
+ "mobile": {
7204
+ "value": "16px"
7205
+ }
6930
7206
  }
6931
7207
  },
6932
7208
  "express": {
6933
- "desktop": {
6934
- "value": "14px"
6935
- },
6936
- "mobile": {
6937
- "value": "18px"
7209
+ "sets": {
7210
+ "desktop": {
7211
+ "value": "14px"
7212
+ },
7213
+ "mobile": {
7214
+ "value": "18px"
7215
+ }
6938
7216
  }
6939
7217
  }
6940
7218
  }
@@ -6942,19 +7220,23 @@
6942
7220
  "checkbox-control-size-medium": {
6943
7221
  "sets": {
6944
7222
  "spectrum": {
6945
- "desktop": {
6946
- "value": "14px"
6947
- },
6948
- "mobile": {
6949
- "value": "18px"
7223
+ "sets": {
7224
+ "desktop": {
7225
+ "value": "14px"
7226
+ },
7227
+ "mobile": {
7228
+ "value": "18px"
7229
+ }
6950
7230
  }
6951
7231
  },
6952
7232
  "express": {
6953
- "desktop": {
6954
- "value": "16px"
6955
- },
6956
- "mobile": {
6957
- "value": "20px"
7233
+ "sets": {
7234
+ "desktop": {
7235
+ "value": "16px"
7236
+ },
7237
+ "mobile": {
7238
+ "value": "20px"
7239
+ }
6958
7240
  }
6959
7241
  }
6960
7242
  }
@@ -6962,19 +7244,23 @@
6962
7244
  "checkbox-control-size-large": {
6963
7245
  "sets": {
6964
7246
  "spectrum": {
6965
- "desktop": {
6966
- "value": "16px"
6967
- },
6968
- "mobile": {
6969
- "value": "20px"
7247
+ "sets": {
7248
+ "desktop": {
7249
+ "value": "16px"
7250
+ },
7251
+ "mobile": {
7252
+ "value": "20px"
7253
+ }
6970
7254
  }
6971
7255
  },
6972
7256
  "express": {
6973
- "desktop": {
6974
- "value": "18px"
6975
- },
6976
- "mobile": {
6977
- "value": "22px"
7257
+ "sets": {
7258
+ "desktop": {
7259
+ "value": "18px"
7260
+ },
7261
+ "mobile": {
7262
+ "value": "22px"
7263
+ }
6978
7264
  }
6979
7265
  }
6980
7266
  }
@@ -6982,19 +7268,23 @@
6982
7268
  "checkbox-control-size-extra-large": {
6983
7269
  "sets": {
6984
7270
  "spectrum": {
6985
- "desktop": {
6986
- "value": "18px"
6987
- },
6988
- "mobile": {
6989
- "value": "22px"
7271
+ "sets": {
7272
+ "desktop": {
7273
+ "value": "18px"
7274
+ },
7275
+ "mobile": {
7276
+ "value": "22px"
7277
+ }
6990
7278
  }
6991
7279
  },
6992
7280
  "express": {
6993
- "desktop": {
6994
- "value": "20px"
6995
- },
6996
- "mobile": {
6997
- "value": "26px"
7281
+ "sets": {
7282
+ "desktop": {
7283
+ "value": "20px"
7284
+ },
7285
+ "mobile": {
7286
+ "value": "26px"
7287
+ }
6998
7288
  }
6999
7289
  }
7000
7290
  }
@@ -7002,19 +7292,23 @@
7002
7292
  "checkbox-top-to-control-small": {
7003
7293
  "sets": {
7004
7294
  "spectrum": {
7005
- "desktop": {
7006
- "value": "6px"
7007
- },
7008
- "mobile": {
7009
- "value": "7px"
7295
+ "sets": {
7296
+ "desktop": {
7297
+ "value": "6px"
7298
+ },
7299
+ "mobile": {
7300
+ "value": "7px"
7301
+ }
7010
7302
  }
7011
7303
  },
7012
7304
  "express": {
7013
- "desktop": {
7014
- "value": "5px"
7015
- },
7016
- "mobile": {
7017
- "value": "6px"
7305
+ "sets": {
7306
+ "desktop": {
7307
+ "value": "5px"
7308
+ },
7309
+ "mobile": {
7310
+ "value": "6px"
7311
+ }
7018
7312
  }
7019
7313
  }
7020
7314
  }
@@ -7022,19 +7316,23 @@
7022
7316
  "checkbox-top-to-control-medium": {
7023
7317
  "sets": {
7024
7318
  "spectrum": {
7025
- "desktop": {
7026
- "value": "9px"
7027
- },
7028
- "mobile": {
7029
- "value": "11px"
7319
+ "sets": {
7320
+ "desktop": {
7321
+ "value": "9px"
7322
+ },
7323
+ "mobile": {
7324
+ "value": "11px"
7325
+ }
7030
7326
  }
7031
7327
  },
7032
7328
  "express": {
7033
- "desktop": {
7034
- "value": "8px"
7035
- },
7036
- "mobile": {
7037
- "value": "10px"
7329
+ "sets": {
7330
+ "desktop": {
7331
+ "value": "8px"
7332
+ },
7333
+ "mobile": {
7334
+ "value": "10px"
7335
+ }
7038
7336
  }
7039
7337
  }
7040
7338
  }
@@ -7042,19 +7340,23 @@
7042
7340
  "checkbox-top-to-control-large": {
7043
7341
  "sets": {
7044
7342
  "spectrum": {
7045
- "desktop": {
7046
- "value": "12px"
7047
- },
7048
- "mobile": {
7049
- "value": "15px"
7343
+ "sets": {
7344
+ "desktop": {
7345
+ "value": "12px"
7346
+ },
7347
+ "mobile": {
7348
+ "value": "15px"
7349
+ }
7050
7350
  }
7051
7351
  },
7052
7352
  "express": {
7053
- "desktop": {
7054
- "value": "11px"
7055
- },
7056
- "mobile": {
7057
- "value": "14px"
7353
+ "sets": {
7354
+ "desktop": {
7355
+ "value": "11px"
7356
+ },
7357
+ "mobile": {
7358
+ "value": "14px"
7359
+ }
7058
7360
  }
7059
7361
  }
7060
7362
  }
@@ -7062,19 +7364,23 @@
7062
7364
  "checkbox-top-to-control-extra-large": {
7063
7365
  "sets": {
7064
7366
  "spectrum": {
7065
- "desktop": {
7066
- "value": "15px"
7067
- },
7068
- "mobile": {
7069
- "value": "19px"
7367
+ "sets": {
7368
+ "desktop": {
7369
+ "value": "15px"
7370
+ },
7371
+ "mobile": {
7372
+ "value": "19px"
7373
+ }
7070
7374
  }
7071
7375
  },
7072
7376
  "express": {
7073
- "desktop": {
7074
- "value": "14px"
7075
- },
7076
- "mobile": {
7077
- "value": "17px"
7377
+ "sets": {
7378
+ "desktop": {
7379
+ "value": "14px"
7380
+ },
7381
+ "mobile": {
7382
+ "value": "17px"
7383
+ }
7078
7384
  }
7079
7385
  }
7080
7386
  }
@@ -7608,22 +7914,36 @@
7608
7914
  }
7609
7915
  }
7610
7916
  },
7917
+ "tooltip-maximum-width": {
7918
+ "sets": {
7919
+ "desktop": {
7920
+ "value": "160px"
7921
+ },
7922
+ "mobile": {
7923
+ "value": "200px"
7924
+ }
7925
+ }
7926
+ },
7611
7927
  "corner-radius-75": {
7612
7928
  "sets": {
7613
7929
  "spectrum": {
7614
- "desktop": {
7615
- "value": "2px"
7616
- },
7617
- "mobile": {
7618
- "value": "2px"
7930
+ "sets": {
7931
+ "desktop": {
7932
+ "value": "2px"
7933
+ },
7934
+ "mobile": {
7935
+ "value": "2px"
7936
+ }
7619
7937
  }
7620
7938
  },
7621
7939
  "express": {
7622
- "desktop": {
7623
- "value": "3px"
7624
- },
7625
- "mobile": {
7626
- "value": "4px"
7940
+ "sets": {
7941
+ "desktop": {
7942
+ "value": "3px"
7943
+ },
7944
+ "mobile": {
7945
+ "value": "4px"
7946
+ }
7627
7947
  }
7628
7948
  }
7629
7949
  }
@@ -7631,19 +7951,23 @@
7631
7951
  "corner-radius-100": {
7632
7952
  "sets": {
7633
7953
  "spectrum": {
7634
- "desktop": {
7635
- "value": "4px"
7636
- },
7637
- "mobile": {
7638
- "value": "5px"
7954
+ "sets": {
7955
+ "desktop": {
7956
+ "value": "4px"
7957
+ },
7958
+ "mobile": {
7959
+ "value": "5px"
7960
+ }
7639
7961
  }
7640
7962
  },
7641
7963
  "express": {
7642
- "desktop": {
7643
- "value": "6px"
7644
- },
7645
- "mobile": {
7646
- "value": "8px"
7964
+ "sets": {
7965
+ "desktop": {
7966
+ "value": "6px"
7967
+ },
7968
+ "mobile": {
7969
+ "value": "8px"
7970
+ }
7647
7971
  }
7648
7972
  }
7649
7973
  }
@@ -7651,19 +7975,23 @@
7651
7975
  "corner-radius-200": {
7652
7976
  "sets": {
7653
7977
  "spectrum": {
7654
- "desktop": {
7655
- "value": "8px"
7656
- },
7657
- "mobile": {
7658
- "value": "10px"
7978
+ "sets": {
7979
+ "desktop": {
7980
+ "value": "8px"
7981
+ },
7982
+ "mobile": {
7983
+ "value": "10px"
7984
+ }
7659
7985
  }
7660
7986
  },
7661
7987
  "express": {
7662
- "desktop": {
7663
- "value": "12px"
7664
- },
7665
- "mobile": {
7666
- "value": "16px"
7988
+ "sets": {
7989
+ "desktop": {
7990
+ "value": "12px"
7991
+ },
7992
+ "mobile": {
7993
+ "value": "16px"
7994
+ }
7667
7995
  }
7668
7996
  }
7669
7997
  }
@@ -7671,19 +7999,23 @@
7671
7999
  "drop-shadow-x": {
7672
8000
  "sets": {
7673
8001
  "spectrum": {
7674
- "desktop": {
7675
- "value": "0px"
7676
- },
7677
- "mobile": {
7678
- "value": "0px"
8002
+ "sets": {
8003
+ "desktop": {
8004
+ "value": "0px"
8005
+ },
8006
+ "mobile": {
8007
+ "value": "0px"
8008
+ }
7679
8009
  }
7680
8010
  },
7681
8011
  "express": {
7682
- "desktop": {
7683
- "value": "0px"
7684
- },
7685
- "mobile": {
7686
- "value": "0px"
8012
+ "sets": {
8013
+ "desktop": {
8014
+ "value": "0px"
8015
+ },
8016
+ "mobile": {
8017
+ "value": "0px"
8018
+ }
7687
8019
  }
7688
8020
  }
7689
8021
  }
@@ -7691,19 +8023,23 @@
7691
8023
  "drop-shadow-y": {
7692
8024
  "sets": {
7693
8025
  "spectrum": {
7694
- "desktop": {
7695
- "value": "1px"
7696
- },
7697
- "mobile": {
7698
- "value": "2px"
8026
+ "sets": {
8027
+ "desktop": {
8028
+ "value": "1px"
8029
+ },
8030
+ "mobile": {
8031
+ "value": "2px"
8032
+ }
7699
8033
  }
7700
8034
  },
7701
8035
  "express": {
7702
- "desktop": {
7703
- "value": "4px"
7704
- },
7705
- "mobile": {
7706
- "value": "4px"
8036
+ "sets": {
8037
+ "desktop": {
8038
+ "value": "4px"
8039
+ },
8040
+ "mobile": {
8041
+ "value": "4px"
8042
+ }
7707
8043
  }
7708
8044
  }
7709
8045
  }
@@ -7711,19 +8047,23 @@
7711
8047
  "drop-shadow-blur": {
7712
8048
  "sets": {
7713
8049
  "spectrum": {
7714
- "desktop": {
7715
- "value": "4px"
7716
- },
7717
- "mobile": {
7718
- "value": "6px"
8050
+ "sets": {
8051
+ "desktop": {
8052
+ "value": "4px"
8053
+ },
8054
+ "mobile": {
8055
+ "value": "6px"
8056
+ }
7719
8057
  }
7720
8058
  },
7721
8059
  "express": {
7722
- "desktop": {
7723
- "value": "16px"
7724
- },
7725
- "mobile": {
7726
- "value": "16px"
8060
+ "sets": {
8061
+ "desktop": {
8062
+ "value": "16px"
8063
+ },
8064
+ "mobile": {
8065
+ "value": "16px"
8066
+ }
7727
8067
  }
7728
8068
  }
7729
8069
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "12.0.0-beta.16",
3
+ "version": "12.0.0-beta.19",
4
4
  "description": "",
5
5
  "main": "config.js",
6
6
  "scripts": {
package/src/color-alias.json CHANGED
@@ -60,7 +60,7 @@
60
60
  "value": "{black}"
61
61
  },
62
62
 
63
- "neutral-content-color": {
63
+ "neutral-content-color-default": {
64
64
  "value": "{gray-800}"
65
65
  },
66
66
  "neutral-content-color-hover": {
@@ -350,7 +350,7 @@
350
350
  "value": "{informative-color-400}"
351
351
  },
352
352
  "darkest": {
353
- "value": "informativet-color-500}"
353
+ "value": "{informative-color-500}"
354
354
  },
355
355
  "wireframe": {
356
356
  "value": "{informative-color-1000}"
@@ -435,6 +435,70 @@
435
435
  }
436
436
  }
437
437
  },
438
+ "positive-background-color-default": {
439
+ "sets": {
440
+ "light": {
441
+ "value": "{positive-color-900}"
442
+ },
443
+ "dark": {
444
+ "value": "{positive-color-500}"
445
+ },
446
+ "darkest": {
447
+ "value": "{positive-color-600}"
448
+ },
449
+ "wireframe": {
450
+ "value": "{positive-color-900}"
451
+ }
452
+ }
453
+ },
454
+ "positive-background-color-hover": {
455
+ "sets": {
456
+ "light": {
457
+ "value": "{positive-color-1000}"
458
+ },
459
+ "dark": {
460
+ "value": "positivee-color-400}"
461
+ },
462
+ "darkest": {
463
+ "value": "{positive-color-500}"
464
+ },
465
+ "wireframe": {
466
+ "value": "{positive-color-1000}"
467
+ }
468
+ }
469
+ },
470
+ "positive-background-color-down": {
471
+ "sets": {
472
+ "light": {
473
+ "value": "{positive-color-1100}"
474
+ },
475
+ "dark": {
476
+ "value": "{positive-color-300}"
477
+ },
478
+ "darkest": {
479
+ "value": "positivee-color-400}"
480
+ },
481
+ "wireframe": {
482
+ "value": "{positive-color-1100}"
483
+ }
484
+ }
485
+ },
486
+ "positive-background-color-key-focus": {
487
+ "sets": {
488
+ "light": {
489
+ "value": "{positive-color-1000}"
490
+ },
491
+ "dark": {
492
+ "value": "{positive-color-400}"
493
+ },
494
+ "darkest": {
495
+ "value": "{positive-color-500}"
496
+ },
497
+ "wireframe": {
498
+ "value": "{positive-color-1000}"
499
+ }
500
+ }
501
+ },
438
502
 
439
503
  "disabled-content-color": {
440
504
  "value": "{gray-400}"
package/src/component-layout.json CHANGED
@@ -45,19 +45,23 @@
45
45
  "checkbox-control-size-small": {
46
46
  "sets": {
47
47
  "spectrum": {
48
- "desktop": {
49
- "value": "12px"
50
- },
51
- "mobile": {
52
- "value": "16px"
48
+ "sets": {
49
+ "desktop": {
50
+ "value": "12px"
51
+ },
52
+ "mobile": {
53
+ "value": "16px"
54
+ }
53
55
  }
54
56
  },
55
57
  "express": {
56
- "desktop": {
57
- "value": "14px"
58
- },
59
- "mobile": {
60
- "value": "18px"
58
+ "sets": {
59
+ "desktop": {
60
+ "value": "14px"
61
+ },
62
+ "mobile": {
63
+ "value": "18px"
64
+ }
61
65
  }
62
66
  }
63
67
  }
@@ -65,19 +69,23 @@
65
69
  "checkbox-control-size-medium": {
66
70
  "sets": {
67
71
  "spectrum": {
68
- "desktop": {
69
- "value": "14px"
70
- },
71
- "mobile": {
72
- "value": "18px"
72
+ "sets": {
73
+ "desktop": {
74
+ "value": "14px"
75
+ },
76
+ "mobile": {
77
+ "value": "18px"
78
+ }
73
79
  }
74
80
  },
75
81
  "express": {
76
- "desktop": {
77
- "value": "16px"
78
- },
79
- "mobile": {
80
- "value": "20px"
82
+ "sets": {
83
+ "desktop": {
84
+ "value": "16px"
85
+ },
86
+ "mobile": {
87
+ "value": "20px"
88
+ }
81
89
  }
82
90
  }
83
91
  }
@@ -85,19 +93,23 @@
85
93
  "checkbox-control-size-large": {
86
94
  "sets": {
87
95
  "spectrum": {
88
- "desktop": {
89
- "value": "16px"
90
- },
91
- "mobile": {
92
- "value": "20px"
96
+ "sets": {
97
+ "desktop": {
98
+ "value": "16px"
99
+ },
100
+ "mobile": {
101
+ "value": "20px"
102
+ }
93
103
  }
94
104
  },
95
105
  "express": {
96
- "desktop": {
97
- "value": "18px"
98
- },
99
- "mobile": {
100
- "value": "22px"
106
+ "sets": {
107
+ "desktop": {
108
+ "value": "18px"
109
+ },
110
+ "mobile": {
111
+ "value": "22px"
112
+ }
101
113
  }
102
114
  }
103
115
  }
@@ -105,19 +117,23 @@
105
117
  "checkbox-control-size-extra-large": {
106
118
  "sets": {
107
119
  "spectrum": {
108
- "desktop": {
109
- "value": "18px"
110
- },
111
- "mobile": {
112
- "value": "22px"
120
+ "sets": {
121
+ "desktop": {
122
+ "value": "18px"
123
+ },
124
+ "mobile": {
125
+ "value": "22px"
126
+ }
113
127
  }
114
128
  },
115
129
  "express": {
116
- "desktop": {
117
- "value": "20px"
118
- },
119
- "mobile": {
120
- "value": "26px"
130
+ "sets": {
131
+ "desktop": {
132
+ "value": "20px"
133
+ },
134
+ "mobile": {
135
+ "value": "26px"
136
+ }
121
137
  }
122
138
  }
123
139
  }
@@ -125,19 +141,23 @@
125
141
  "checkbox-top-to-control-small": {
126
142
  "sets": {
127
143
  "spectrum": {
128
- "desktop": {
129
- "value": "6px"
130
- },
131
- "mobile": {
132
- "value": "7px"
144
+ "sets": {
145
+ "desktop": {
146
+ "value": "6px"
147
+ },
148
+ "mobile": {
149
+ "value": "7px"
150
+ }
133
151
  }
134
152
  },
135
153
  "express": {
136
- "desktop": {
137
- "value": "5px"
138
- },
139
- "mobile": {
140
- "value": "6px"
154
+ "sets": {
155
+ "desktop": {
156
+ "value": "5px"
157
+ },
158
+ "mobile": {
159
+ "value": "6px"
160
+ }
141
161
  }
142
162
  }
143
163
  }
@@ -145,19 +165,23 @@
145
165
  "checkbox-top-to-control-medium": {
146
166
  "sets": {
147
167
  "spectrum": {
148
- "desktop": {
149
- "value": "9px"
150
- },
151
- "mobile": {
152
- "value": "11px"
168
+ "sets": {
169
+ "desktop": {
170
+ "value": "9px"
171
+ },
172
+ "mobile": {
173
+ "value": "11px"
174
+ }
153
175
  }
154
176
  },
155
177
  "express": {
156
- "desktop": {
157
- "value": "8px"
158
- },
159
- "mobile": {
160
- "value": "10px"
178
+ "sets": {
179
+ "desktop": {
180
+ "value": "8px"
181
+ },
182
+ "mobile": {
183
+ "value": "10px"
184
+ }
161
185
  }
162
186
  }
163
187
  }
@@ -165,19 +189,23 @@
165
189
  "checkbox-top-to-control-large": {
166
190
  "sets": {
167
191
  "spectrum": {
168
- "desktop": {
169
- "value": "12px"
170
- },
171
- "mobile": {
172
- "value": "15px"
192
+ "sets": {
193
+ "desktop": {
194
+ "value": "12px"
195
+ },
196
+ "mobile": {
197
+ "value": "15px"
198
+ }
173
199
  }
174
200
  },
175
201
  "express": {
176
- "desktop": {
177
- "value": "11px"
178
- },
179
- "mobile": {
180
- "value": "14px"
202
+ "sets": {
203
+ "desktop": {
204
+ "value": "11px"
205
+ },
206
+ "mobile": {
207
+ "value": "14px"
208
+ }
181
209
  }
182
210
  }
183
211
  }
@@ -185,19 +213,23 @@
185
213
  "checkbox-top-to-control-extra-large": {
186
214
  "sets": {
187
215
  "spectrum": {
188
- "desktop": {
189
- "value": "15px"
190
- },
191
- "mobile": {
192
- "value": "19px"
216
+ "sets": {
217
+ "desktop": {
218
+ "value": "15px"
219
+ },
220
+ "mobile": {
221
+ "value": "19px"
222
+ }
193
223
  }
194
224
  },
195
225
  "express": {
196
- "desktop": {
197
- "value": "14px"
198
- },
199
- "mobile": {
200
- "value": "17px"
226
+ "sets": {
227
+ "desktop": {
228
+ "value": "14px"
229
+ },
230
+ "mobile": {
231
+ "value": "17px"
232
+ }
201
233
  }
202
234
  }
203
235
  }
@@ -734,5 +766,15 @@
734
766
  "value": "5px"
735
767
  }
736
768
  }
769
+ },
770
+ "tooltip-maximum-width": {
771
+ "sets": {
772
+ "desktop": {
773
+ "value": "160px"
774
+ },
775
+ "mobile": {
776
+ "value": "200px"
777
+ }
778
+ }
737
779
  }
738
780
  }
package/src/layout.json CHANGED
@@ -2,19 +2,23 @@
2
2
  "corner-radius-75": {
3
3
  "sets": {
4
4
  "spectrum": {
5
- "desktop": {
6
- "value": "2px"
7
- },
8
- "mobile": {
9
- "value": "2px"
5
+ "sets": {
6
+ "desktop": {
7
+ "value": "2px"
8
+ },
9
+ "mobile": {
10
+ "value": "2px"
11
+ }
10
12
  }
11
13
  },
12
14
  "express": {
13
- "desktop": {
14
- "value": "3px"
15
- },
16
- "mobile": {
17
- "value": "4px"
15
+ "sets": {
16
+ "desktop": {
17
+ "value": "3px"
18
+ },
19
+ "mobile": {
20
+ "value": "4px"
21
+ }
18
22
  }
19
23
  }
20
24
  }
@@ -22,19 +26,23 @@
22
26
  "corner-radius-100": {
23
27
  "sets": {
24
28
  "spectrum": {
25
- "desktop": {
26
- "value": "4px"
27
- },
28
- "mobile": {
29
- "value": "5px"
29
+ "sets": {
30
+ "desktop": {
31
+ "value": "4px"
32
+ },
33
+ "mobile": {
34
+ "value": "5px"
35
+ }
30
36
  }
31
37
  },
32
38
  "express": {
33
- "desktop": {
34
- "value": "6px"
35
- },
36
- "mobile": {
37
- "value": "8px"
39
+ "sets": {
40
+ "desktop": {
41
+ "value": "6px"
42
+ },
43
+ "mobile": {
44
+ "value": "8px"
45
+ }
38
46
  }
39
47
  }
40
48
  }
@@ -42,19 +50,23 @@
42
50
  "corner-radius-200": {
43
51
  "sets": {
44
52
  "spectrum": {
45
- "desktop": {
46
- "value": "8px"
47
- },
48
- "mobile": {
49
- "value": "10px"
53
+ "sets": {
54
+ "desktop": {
55
+ "value": "8px"
56
+ },
57
+ "mobile": {
58
+ "value": "10px"
59
+ }
50
60
  }
51
61
  },
52
62
  "express": {
53
- "desktop": {
54
- "value": "12px"
55
- },
56
- "mobile": {
57
- "value": "16px"
63
+ "sets": {
64
+ "desktop": {
65
+ "value": "12px"
66
+ },
67
+ "mobile": {
68
+ "value": "16px"
69
+ }
58
70
  }
59
71
  }
60
72
  }
@@ -62,19 +74,23 @@
62
74
  "drop-shadow-x": {
63
75
  "sets": {
64
76
  "spectrum": {
65
- "desktop": {
66
- "value": "0px"
67
- },
68
- "mobile": {
69
- "value": "0px"
77
+ "sets": {
78
+ "desktop": {
79
+ "value": "0px"
80
+ },
81
+ "mobile": {
82
+ "value": "0px"
83
+ }
70
84
  }
71
85
  },
72
86
  "express": {
73
- "desktop": {
74
- "value": "0px"
75
- },
76
- "mobile": {
77
- "value": "0px"
87
+ "sets": {
88
+ "desktop": {
89
+ "value": "0px"
90
+ },
91
+ "mobile": {
92
+ "value": "0px"
93
+ }
78
94
  }
79
95
  }
80
96
  }
@@ -82,19 +98,23 @@
82
98
  "drop-shadow-y": {
83
99
  "sets": {
84
100
  "spectrum": {
85
- "desktop": {
86
- "value": "1px"
87
- },
88
- "mobile": {
89
- "value": "2px"
101
+ "sets": {
102
+ "desktop": {
103
+ "value": "1px"
104
+ },
105
+ "mobile": {
106
+ "value": "2px"
107
+ }
90
108
  }
91
109
  },
92
110
  "express": {
93
- "desktop": {
94
- "value": "4px"
95
- },
96
- "mobile": {
97
- "value": "4px"
111
+ "sets": {
112
+ "desktop": {
113
+ "value": "4px"
114
+ },
115
+ "mobile": {
116
+ "value": "4px"
117
+ }
98
118
  }
99
119
  }
100
120
  }
@@ -102,19 +122,23 @@
102
122
  "drop-shadow-blur": {
103
123
  "sets": {
104
124
  "spectrum": {
105
- "desktop": {
106
- "value": "4px"
107
- },
108
- "mobile": {
109
- "value": "6px"
125
+ "sets": {
126
+ "desktop": {
127
+ "value": "4px"
128
+ },
129
+ "mobile": {
130
+ "value": "6px"
131
+ }
110
132
  }
111
133
  },
112
134
  "express": {
113
- "desktop": {
114
- "value": "16px"
115
- },
116
- "mobile": {
117
- "value": "16px"
135
+ "sets": {
136
+ "desktop": {
137
+ "value": "16px"
138
+ },
139
+ "mobile": {
140
+ "value": "16px"
141
+ }
118
142
  }
119
143
  }
120
144
  }