Skip to content

Commit af687d6

Browse files
castastrophecastastrophe
committed
feat(tokens): update to latest release
1 parent 71ae67a commit af687d6

File tree

5 files changed

+349
-10
lines changed

5 files changed

+349
-10
lines changed

‎.changeset/puny-kids-rhyme.md

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
---
2+
"@spectrum-css/tokens": minor
3+
---
4+
5+
Package update from `@adobe/spectrum-tokens@13.0.0-beta.58` to `@adobe/spectrum-tokens@13.3.0`.
6+
7+
#### New custom properties
8+
9+
- `--spectrum-card-background-loading-color`
10+
- `--spectrum-card-background-well-color`
11+
- `--spectrum-card-default-width-extra-small`
12+
- `--spectrum-card-default-width-small`
13+
- `--spectrum-card-default-width-medium`
14+
- `--spectrum-card-default-width-large`
15+
- `--spectrum-card-default-width-extra-large`
16+
- `--spectrum-card-description-to-footer`
17+
- `--spectrum-card-edge-to-content-default-extra-small`
18+
- `--spectrum-card-edge-to-content-default-small`
19+
- `--spectrum-card-edge-to-content-default-medium`
20+
- `--spectrum-card-edge-to-content-default-large`
21+
- `--spectrum-card-edge-to-content-default-extra-large`
22+
- `--spectrum-card-edge-to-content-compact-extra-small`
23+
- `--spectrum-card-edge-to-content-compact-small`
24+
- `--spectrum-card-edge-to-content-compact-medium`
25+
- `--spectrum-card-edge-to-content-compact-large`
26+
- `--spectrum-card-edge-to-content-compact-extra-large`
27+
- `--spectrum-card-edge-to-content-spacious-extra-small`
28+
- `--spectrum-card-edge-to-content-spacious-small`
29+
- `--spectrum-card-edge-to-content-spacious-medium`
30+
- `--spectrum-card-edge-to-content-spacious-large`
31+
- `--spectrum-card-edge-to-content-spacious-extra-large`
32+
- `--spectrum-card-header-to-description`
33+
- `--spectrum-card-minimum-width-extra-small`
34+
- `--spectrum-card-minimum-width-small`
35+
- `--spectrum-card-minimum-width-medium`
36+
- `--spectrum-card-minimum-width-large`
37+
- `--spectrum-card-minimum-width-extra-large`
38+
- `--spectrum-card-maximum-width-extra-small`
39+
- `--spectrum-card-maximum-width-small`
40+
- `--spectrum-card-maximum-width-medium`
41+
- `--spectrum-card-maximum-width-large`
42+
- `--spectrum-card-maximum-width-extra-large`
43+
- `--spectrum-card-minimum-height-extra-small`
44+
- `--spectrum-card-minimum-height-small`
45+
- `--spectrum-card-minimum-height-medium`
46+
- `--spectrum-card-minimum-height-large`
47+
- `--spectrum-card-minimum-height-extra-large`
48+
- `--spectrum-card-selection-background-size-small`
49+
- `--spectrum-card-selection-background-size-medium`
50+
- `--spectrum-card-selection-background-size-large`
51+
- `--spectrum-card-selection-background-size-extra-large`
52+
- `--spectrum-collection-card-minimum-height-extra-small`
53+
- `--spectrum-collection-card-minimum-height-small`
54+
- `--spectrum-collection-card-minimum-height-medium`
55+
- `--spectrum-collection-card-minimum-height-large`
56+
- `--spectrum-collection-card-minimum-height-extra-large`
57+
- `--spectrum-collection-card-minimum-height-hero-extra-small`
58+
- `--spectrum-collection-card-minimum-height-hero-small`
59+
- `--spectrum-collection-card-minimum-height-hero-medium`
60+
- `--spectrum-collection-card-minimum-height-hero-large`
61+
- `--spectrum-collection-card-minimum-height-hero-extra-large`
62+
- `--spectrum-segmented-control-item-maximum-width`
63+
- `--spectrum-user-card-minimum-height-small`
64+
- `--spectrum-user-card-minimum-height-medium`
65+
- `--spectrum-user-card-minimum-height-large`
66+
- `--spectrum-user-card-minimum-height-extra-large`
67+
- `--spectrum-user-card-minimum-height-title-below-small`
68+
- `--spectrum-user-card-minimum-height-title-below-medium`
69+
- `--spectrum-user-card-minimum-height-title-below-large`
70+
- `--spectrum-user-card-minimum-height-title-below-extra-large`
71+
72+
#### Updated custom properties
73+
74+
- `--spectrum-card-selection-background-color` was mapped to `var(--spectrum-gray-100)`; updated to:
75+
- light: `var(--spectrum-transparent-white-600)`
76+
- dark: `var(--spectrum-transparent-black-600)`

‎tokens/dist/json/tokens.json

Lines changed: 266 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2317,22 +2317,193 @@
23172317
"prop": "--spectrum-button-minimum-width-multiplier",
23182318
"value": 2.25
23192319
},
2320+
"card-background-loading-color": {
2321+
"prop": "--spectrum-card-background-loading-color",
2322+
"ref": "var(--spectrum-gray-100)",
2323+
"light": {
2324+
"value": "rgb(233, 233, 233)"
2325+
},
2326+
"dark": {
2327+
"value": "rgb(44, 44, 44)"
2328+
}
2329+
},
2330+
"card-background-well-color": {
2331+
"prop": "--spectrum-card-background-well-color",
2332+
"ref": "var(--spectrum-gray-100)",
2333+
"light": {
2334+
"value": "rgb(233, 233, 233)"
2335+
},
2336+
"dark": {
2337+
"value": "rgb(44, 44, 44)"
2338+
}
2339+
},
2340+
"card-default-width-extra-large": {
2341+
"prop": "--spectrum-card-default-width-extra-large",
2342+
"value": "400px"
2343+
},
2344+
"card-default-width-extra-small": {
2345+
"prop": "--spectrum-card-default-width-extra-small",
2346+
"value": "120px"
2347+
},
2348+
"card-default-width-large": {
2349+
"prop": "--spectrum-card-default-width-large",
2350+
"value": "320px"
2351+
},
2352+
"card-default-width-medium": {
2353+
"prop": "--spectrum-card-default-width-medium",
2354+
"value": "240px"
2355+
},
2356+
"card-default-width-small": {
2357+
"prop": "--spectrum-card-default-width-small",
2358+
"value": "180px"
2359+
},
2360+
"card-description-to-footer": {
2361+
"prop": "--spectrum-card-description-to-footer",
2362+
"ref": "var(--spectrum-spacing-300)",
2363+
"value": "16px"
2364+
},
2365+
"card-edge-to-content-compact-extra-large": {
2366+
"prop": "--spectrum-card-edge-to-content-compact-extra-large",
2367+
"value": "20px"
2368+
},
2369+
"card-edge-to-content-compact-extra-small": {
2370+
"prop": "--spectrum-card-edge-to-content-compact-extra-small",
2371+
"value": "6px"
2372+
},
2373+
"card-edge-to-content-compact-large": {
2374+
"prop": "--spectrum-card-edge-to-content-compact-large",
2375+
"value": "16px"
2376+
},
2377+
"card-edge-to-content-compact-medium": {
2378+
"prop": "--spectrum-card-edge-to-content-compact-medium",
2379+
"value": "12px"
2380+
},
2381+
"card-edge-to-content-compact-small": {
2382+
"prop": "--spectrum-card-edge-to-content-compact-small",
2383+
"value": "8px"
2384+
},
2385+
"card-edge-to-content-default-extra-large": {
2386+
"prop": "--spectrum-card-edge-to-content-default-extra-large",
2387+
"value": "24px"
2388+
},
2389+
"card-edge-to-content-default-extra-small": {
2390+
"prop": "--spectrum-card-edge-to-content-default-extra-small",
2391+
"value": "8px"
2392+
},
2393+
"card-edge-to-content-default-large": {
2394+
"prop": "--spectrum-card-edge-to-content-default-large",
2395+
"value": "20px"
2396+
},
2397+
"card-edge-to-content-default-medium": {
2398+
"prop": "--spectrum-card-edge-to-content-default-medium",
2399+
"value": "16px"
2400+
},
2401+
"card-edge-to-content-default-small": {
2402+
"prop": "--spectrum-card-edge-to-content-default-small",
2403+
"value": "12px"
2404+
},
2405+
"card-edge-to-content-spacious-extra-large": {
2406+
"prop": "--spectrum-card-edge-to-content-spacious-extra-large",
2407+
"value": "28px"
2408+
},
2409+
"card-edge-to-content-spacious-extra-small": {
2410+
"prop": "--spectrum-card-edge-to-content-spacious-extra-small",
2411+
"value": "12px"
2412+
},
2413+
"card-edge-to-content-spacious-large": {
2414+
"prop": "--spectrum-card-edge-to-content-spacious-large",
2415+
"value": "24px"
2416+
},
2417+
"card-edge-to-content-spacious-medium": {
2418+
"prop": "--spectrum-card-edge-to-content-spacious-medium",
2419+
"value": "20px"
2420+
},
2421+
"card-edge-to-content-spacious-small": {
2422+
"prop": "--spectrum-card-edge-to-content-spacious-small",
2423+
"value": "16px"
2424+
},
2425+
"card-header-to-description": {
2426+
"prop": "--spectrum-card-header-to-description",
2427+
"ref": "var(--spectrum-spacing-75)",
2428+
"value": "4px"
2429+
},
2430+
"card-maximum-width-extra-large": {
2431+
"prop": "--spectrum-card-maximum-width-extra-large",
2432+
"value": "460px"
2433+
},
2434+
"card-maximum-width-extra-small": {
2435+
"prop": "--spectrum-card-maximum-width-extra-small",
2436+
"value": "140px"
2437+
},
2438+
"card-maximum-width-large": {
2439+
"prop": "--spectrum-card-maximum-width-large",
2440+
"value": "370px"
2441+
},
2442+
"card-maximum-width-medium": {
2443+
"prop": "--spectrum-card-maximum-width-medium",
2444+
"value": "280px"
2445+
},
2446+
"card-maximum-width-small": {
2447+
"prop": "--spectrum-card-maximum-width-small",
2448+
"value": "210px"
2449+
},
2450+
"card-minimum-height-extra-large": {
2451+
"prop": "--spectrum-card-minimum-height-extra-large",
2452+
"value": "300px"
2453+
},
2454+
"card-minimum-height-extra-small": {
2455+
"prop": "--spectrum-card-minimum-height-extra-small",
2456+
"value": "90px"
2457+
},
2458+
"card-minimum-height-large": {
2459+
"prop": "--spectrum-card-minimum-height-large",
2460+
"value": "240px"
2461+
},
2462+
"card-minimum-height-medium": {
2463+
"prop": "--spectrum-card-minimum-height-medium",
2464+
"value": "180px"
2465+
},
2466+
"card-minimum-height-small": {
2467+
"prop": "--spectrum-card-minimum-height-small",
2468+
"value": "135px"
2469+
},
23202470
"card-minimum-width": {
23212471
"prop": "--spectrum-card-minimum-width",
23222472
"value": "100px"
23232473
},
2474+
"card-minimum-width-extra-large": {
2475+
"prop": "--spectrum-card-minimum-width-extra-large",
2476+
"value": "340px"
2477+
},
2478+
"card-minimum-width-extra-small": {
2479+
"prop": "--spectrum-card-minimum-width-extra-small",
2480+
"value": "100px"
2481+
},
2482+
"card-minimum-width-large": {
2483+
"prop": "--spectrum-card-minimum-width-large",
2484+
"value": "270px"
2485+
},
2486+
"card-minimum-width-medium": {
2487+
"prop": "--spectrum-card-minimum-width-medium",
2488+
"value": "200px"
2489+
},
2490+
"card-minimum-width-small": {
2491+
"prop": "--spectrum-card-minimum-width-small",
2492+
"value": "150px"
2493+
},
23242494
"card-preview-minimum-height": {
23252495
"prop": "--spectrum-card-preview-minimum-height",
23262496
"value": "130px"
23272497
},
23282498
"card-selection-background-color": {
23292499
"prop": "--spectrum-card-selection-background-color",
2330-
"ref": "var(--spectrum-gray-100)",
23312500
"light": {
2332-
"value": "rgb(233, 233, 233)"
2501+
"ref": "var(--spectrum-transparent-white-600)",
2502+
"value": "rgba(255, 255, 255, 0.51)"
23332503
},
23342504
"dark": {
2335-
"value": "rgb(44, 44, 44)"
2505+
"ref": "var(--spectrum-transparent-black-600)",
2506+
"value": "rgba(0, 0, 0, 0.56)"
23362507
}
23372508
},
23382509
"card-selection-background-color-opacity": {
@@ -2343,6 +2514,22 @@
23432514
"prop": "--spectrum-card-selection-background-size",
23442515
"value": "40px"
23452516
},
2517+
"card-selection-background-size-extra-large": {
2518+
"prop": "--spectrum-card-selection-background-size-extra-large",
2519+
"value": "28px"
2520+
},
2521+
"card-selection-background-size-large": {
2522+
"prop": "--spectrum-card-selection-background-size-large",
2523+
"value": "26px"
2524+
},
2525+
"card-selection-background-size-medium": {
2526+
"prop": "--spectrum-card-selection-background-size-medium",
2527+
"value": "24px"
2528+
},
2529+
"card-selection-background-size-small": {
2530+
"prop": "--spectrum-card-selection-background-size-small",
2531+
"value": "22px"
2532+
},
23462533
"celery-100": {
23472534
"prop": "--spectrum-celery-100",
23482535
"light": {
@@ -3516,6 +3703,46 @@
35163703
"ref": "var(--spectrum-bold-font-weight)",
35173704
"value": "700"
35183705
},
3706+
"collection-card-minimum-height-extra-large": {
3707+
"prop": "--spectrum-collection-card-minimum-height-extra-large",
3708+
"value": "249px"
3709+
},
3710+
"collection-card-minimum-height-extra-small": {
3711+
"prop": "--spectrum-collection-card-minimum-height-extra-small",
3712+
"value": "88px"
3713+
},
3714+
"collection-card-minimum-height-hero-extra-large": {
3715+
"prop": "--spectrum-collection-card-minimum-height-hero-extra-large",
3716+
"value": "514px"
3717+
},
3718+
"collection-card-minimum-height-hero-extra-small": {
3719+
"prop": "--spectrum-collection-card-minimum-height-hero-extra-small",
3720+
"value": "168px"
3721+
},
3722+
"collection-card-minimum-height-hero-large": {
3723+
"prop": "--spectrum-collection-card-minimum-height-hero-large",
3724+
"value": "414px"
3725+
},
3726+
"collection-card-minimum-height-hero-medium": {
3727+
"prop": "--spectrum-collection-card-minimum-height-hero-medium",
3728+
"value": "317px"
3729+
},
3730+
"collection-card-minimum-height-hero-small": {
3731+
"prop": "--spectrum-collection-card-minimum-height-hero-small",
3732+
"value": "243px"
3733+
},
3734+
"collection-card-minimum-height-large": {
3735+
"prop": "--spectrum-collection-card-minimum-height-large",
3736+
"value": "202px"
3737+
},
3738+
"collection-card-minimum-height-medium": {
3739+
"prop": "--spectrum-collection-card-minimum-height-medium",
3740+
"value": "157px"
3741+
},
3742+
"collection-card-minimum-height-small": {
3743+
"prop": "--spectrum-collection-card-minimum-height-small",
3744+
"value": "124px"
3745+
},
35193746
"color-area-border-color": {
35203747
"prop": "--spectrum-color-area-border-color",
35213748
"ref": "var(--spectrum-gray-1000)",
@@ -12052,6 +12279,10 @@
1205212279
"value": "40px"
1205312280
}
1205412281
},
12282+
"segmented-control-item-maximum-width": {
12283+
"prop": "--spectrum-segmented-control-item-maximum-width",
12284+
"value": "265px"
12285+
},
1205512286
"segmented-control-selection-border-width": {
1205612287
"prop": "--spectrum-segmented-control-selection-border-width",
1205712288
"ref": "var(--spectrum-border-width-200)",
@@ -16217,6 +16448,38 @@
1621716448
"value": "rgb(11, 151, 164)"
1621816449
}
1621916450
},
16451+
"user-card-minimum-height-extra-large": {
16452+
"prop": "--spectrum-user-card-minimum-height-extra-large",
16453+
"value": "236px"
16454+
},
16455+
"user-card-minimum-height-large": {
16456+
"prop": "--spectrum-user-card-minimum-height-large",
16457+
"value": "219px"
16458+
},
16459+
"user-card-minimum-height-medium": {
16460+
"prop": "--spectrum-user-card-minimum-height-medium",
16461+
"value": "202px"
16462+
},
16463+
"user-card-minimum-height-small": {
16464+
"prop": "--spectrum-user-card-minimum-height-small",
16465+
"value": "192px"
16466+
},
16467+
"user-card-minimum-height-title-below-extra-large": {
16468+
"prop": "--spectrum-user-card-minimum-height-title-below-extra-large",
16469+
"value": "263px"
16470+
},
16471+
"user-card-minimum-height-title-below-large": {
16472+
"prop": "--spectrum-user-card-minimum-height-title-below-large",
16473+
"value": "244px"
16474+
},
16475+
"user-card-minimum-height-title-below-medium": {
16476+
"prop": "--spectrum-user-card-minimum-height-title-below-medium",
16477+
"value": "224px"
16478+
},
16479+
"user-card-minimum-height-title-below-small": {
16480+
"prop": "--spectrum-user-card-minimum-height-title-below-small",
16481+
"value": "212px"
16482+
},
1622016483
"white": {
1622116484
"prop": "--spectrum-white",
1622216485
"value": "rgb(255, 255, 255)"

0 commit comments

Comments
 (0)