Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit f6ad55e

Browse files
pfultoncastastrophe
pfulton
authored and
castastrophe
committedDec 3, 2024·
feat: s2 foundations non-gray-800 colors update (#3413)
* feat: s2 foundations non-gray-800 colors update * add changeset
·
@spectrum-css/well@6.0.0-s2-foundations.17@spectrum-css/accordion@6.0.0-s2-foundations.17
1 parent ab56827 commit f6ad55e

File tree

5 files changed

+138
-20
lines changed

5 files changed

+138
-20
lines changed
 

‎.changeset/weak-kings-pretend.md

+108
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
---
2+
"@spectrum-css/tokens": minor
3+
"@spectrum-css/floatingactionbutton": major
4+
"@spectrum-css/opacitycheckerboard": major
5+
"@spectrum-css/illustratedmessage": major
6+
"@spectrum-css/coachindicator": major
7+
"@spectrum-css/contextualhelp": major
8+
"@spectrum-css/progresscircle": major
9+
"@spectrum-css/dropindicator": major
10+
"@spectrum-css/infieldbutton": major
11+
"@spectrum-css/actionbutton": major
12+
"@spectrum-css/pickerbutton": major
13+
"@spectrum-css/actiongroup": major
14+
"@spectrum-css/alertbanner": major
15+
"@spectrum-css/alertdialog": major
16+
"@spectrum-css/buttongroup": major
17+
"@spectrum-css/clearbutton": major
18+
"@spectrum-css/closebutton": major
19+
"@spectrum-css/colorhandle": major
20+
"@spectrum-css/colorslider": major
21+
"@spectrum-css/inlinealert": major
22+
"@spectrum-css/logicbutton": major
23+
"@spectrum-css/progressbar": major
24+
"@spectrum-css/statuslight": major
25+
"@spectrum-css/swatchgroup": major
26+
"@spectrum-css/actionmenu": major
27+
"@spectrum-css/breadcrumb": major
28+
"@spectrum-css/colorloupe": major
29+
"@spectrum-css/colorwheel": major
30+
"@spectrum-css/datepicker": major
31+
"@spectrum-css/fieldgroup": major
32+
"@spectrum-css/fieldlabel": major
33+
"@spectrum-css/pagination": major
34+
"@spectrum-css/typography": major
35+
"@spectrum-css/accordion": major
36+
"@spectrum-css/actionbar": major
37+
"@spectrum-css/assetcard": major
38+
"@spectrum-css/assetlist": major
39+
"@spectrum-css/coachmark": major
40+
"@spectrum-css/colorarea": major
41+
"@spectrum-css/splitview": major
42+
"@spectrum-css/textfield": major
43+
"@spectrum-css/thumbnail": major
44+
"@spectrum-css/calendar": major
45+
"@spectrum-css/checkbox": major
46+
"@spectrum-css/combobox": major
47+
"@spectrum-css/dropzone": major
48+
"@spectrum-css/helptext": major
49+
"@spectrum-css/steplist": major
50+
"@spectrum-css/taggroup": major
51+
"@spectrum-css/treeview": major
52+
"@spectrum-css/underlay": major
53+
"@spectrum-css/divider": major
54+
"@spectrum-css/popover": major
55+
"@spectrum-css/sidenav": major
56+
"@spectrum-css/stepper": major
57+
"@spectrum-css/tooltip": major
58+
"@spectrum-css/avatar": major
59+
"@spectrum-css/button": major
60+
"@spectrum-css/dialog": major
61+
"@spectrum-css/miller": major
62+
"@spectrum-css/picker": major
63+
"@spectrum-css/rating": major
64+
"@spectrum-css/search": major
65+
"@spectrum-css/slider": major
66+
"@spectrum-css/swatch": major
67+
"@spectrum-css/switch": major
68+
"@spectrum-css/asset": major
69+
"@spectrum-css/badge": major
70+
"@spectrum-css/modal": major
71+
"@spectrum-css/radio": major
72+
"@spectrum-css/table": major
73+
"@spectrum-css/toast": major
74+
"@spectrum-css/card": major
75+
"@spectrum-css/dial": major
76+
"@spectrum-css/icon": major
77+
"@spectrum-css/link": major
78+
"@spectrum-css/menu": major
79+
"@spectrum-css/tabs": major
80+
"@spectrum-css/tray": major
81+
"@spectrum-css/well": major
82+
"@spectrum-css/tag": major
83+
"@spectrum-css/meter": major
84+
"@spectrum-css/form": major
85+
---
86+
87+
feat: s2 foundations non-gray-800 colors update
88+
89+
| Property name | Context | Old value | Updated value |
90+
| --------------------------- | ------- | ------------------ | ------------------ |
91+
| `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
92+
| `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
93+
| `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
94+
| `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
95+
| `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
96+
| `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
97+
| `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
98+
| `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
99+
| `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
100+
| `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
101+
| `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
102+
| `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
103+
| `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
104+
| `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
105+
| `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
106+
| `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
107+
| `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
108+
| `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |

‎commitlint.config.js

+3
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
11
module.exports = {
22
extends: ["@commitlint/config-conventional"],
3+
rules: {
4+
"header-max-length": [0],
5+
}
36
};

‎tokens/dist/css/dark-vars.css

+18-18
Original file line numberDiff line numberDiff line change
@@ -227,7 +227,7 @@
227227
--spectrum-blue-600:rgba(var(--spectrum-blue-600-rgb));
228228
--spectrum-blue-700-rgb:52, 91, 248;
229229
--spectrum-blue-700:rgba(var(--spectrum-blue-700-rgb));
230-
--spectrum-blue-800-rgb:69, 110, 254;
230+
--spectrum-blue-800-rgb:64, 105, 253;
231231
--spectrum-blue-800:rgba(var(--spectrum-blue-800-rgb));
232232
--spectrum-blue-900-rgb:86, 129, 255;
233233
--spectrum-blue-900:rgba(var(--spectrum-blue-900-rgb));
@@ -259,7 +259,7 @@
259259
--spectrum-red-600:rgba(var(--spectrum-red-600-rgb));
260260
--spectrum-red-700-rgb:205, 46, 29;
261261
--spectrum-red-700:rgba(var(--spectrum-red-700-rgb));
262-
--spectrum-red-800-rgb:230, 54, 35;
262+
--spectrum-red-800-rgb:223, 52, 34;
263263
--spectrum-red-800:rgba(var(--spectrum-red-800-rgb));
264264
--spectrum-red-900-rgb:252, 67, 46;
265265
--spectrum-red-900:rgba(var(--spectrum-red-900-rgb));
@@ -291,7 +291,7 @@
291291
--spectrum-orange-600:rgba(var(--spectrum-orange-600-rgb));
292292
--spectrum-orange-700-rgb:185, 73, 0;
293293
--spectrum-orange-700:rgba(var(--spectrum-orange-700-rgb));
294-
--spectrum-orange-800-rgb:205, 86, 0;
294+
--spectrum-orange-800-rgb:199, 82, 0;
295295
--spectrum-orange-800:rgba(var(--spectrum-orange-800-rgb));
296296
--spectrum-orange-900-rgb:224, 100, 0;
297297
--spectrum-orange-900:rgba(var(--spectrum-orange-900-rgb));
@@ -323,7 +323,7 @@
323323
--spectrum-yellow-600:rgba(var(--spectrum-yellow-600-rgb));
324324
--spectrum-yellow-700-rgb:151, 97, 0;
325325
--spectrum-yellow-700:rgba(var(--spectrum-yellow-700-rgb));
326-
--spectrum-yellow-800-rgb:169, 110, 0;
326+
--spectrum-yellow-800-rgb:164, 106, 0;
327327
--spectrum-yellow-800:rgba(var(--spectrum-yellow-800-rgb));
328328
--spectrum-yellow-900-rgb:186, 124, 0;
329329
--spectrum-yellow-900:rgba(var(--spectrum-yellow-900-rgb));
@@ -355,7 +355,7 @@
355355
--spectrum-chartreuse-600:rgba(var(--spectrum-chartreuse-600-rgb));
356356
--spectrum-chartreuse-700-rgb:97, 116, 0;
357357
--spectrum-chartreuse-700:rgba(var(--spectrum-chartreuse-700-rgb));
358-
--spectrum-chartreuse-800-rgb:109, 131, 0;
358+
--spectrum-chartreuse-800-rgb:106, 127, 0;
359359
--spectrum-chartreuse-800:rgba(var(--spectrum-chartreuse-800-rgb));
360360
--spectrum-chartreuse-900-rgb:122, 147, 0;
361361
--spectrum-chartreuse-900:rgba(var(--spectrum-chartreuse-900-rgb));
@@ -387,7 +387,7 @@
387387
--spectrum-celery-600:rgba(var(--spectrum-celery-600-rgb));
388388
--spectrum-celery-700-rgb:60, 122, 15;
389389
--spectrum-celery-700:rgba(var(--spectrum-celery-700-rgb));
390-
--spectrum-celery-800-rgb:69, 138, 19;
390+
--spectrum-celery-800-rgb:66, 134, 18;
391391
--spectrum-celery-800:rgba(var(--spectrum-celery-800-rgb));
392392
--spectrum-celery-900-rgb:78, 154, 23;
393393
--spectrum-celery-900:rgba(var(--spectrum-celery-900-rgb));
@@ -419,7 +419,7 @@
419419
--spectrum-green-600:rgba(var(--spectrum-green-600-rgb));
420420
--spectrum-green-700-rgb:4, 124, 75;
421421
--spectrum-green-700:rgba(var(--spectrum-green-700-rgb));
422-
--spectrum-green-800-rgb:6, 140, 82;
422+
--spectrum-green-800-rgb:6, 136, 80;
423423
--spectrum-green-800:rgba(var(--spectrum-green-800-rgb));
424424
--spectrum-green-900-rgb:9, 157, 89;
425425
--spectrum-green-900:rgba(var(--spectrum-green-900-rgb));
@@ -451,7 +451,7 @@
451451
--spectrum-seafoam-600:rgba(var(--spectrum-seafoam-600-rgb));
452452
--spectrum-seafoam-700-rgb:6, 122, 103;
453453
--spectrum-seafoam-700:rgba(var(--spectrum-seafoam-700-rgb));
454-
--spectrum-seafoam-800-rgb:8, 138, 116;
454+
--spectrum-seafoam-800-rgb:8, 134, 112;
455455
--spectrum-seafoam-800:rgba(var(--spectrum-seafoam-800-rgb));
456456
--spectrum-seafoam-900-rgb:10, 154, 128;
457457
--spectrum-seafoam-900:rgba(var(--spectrum-seafoam-900-rgb));
@@ -483,7 +483,7 @@
483483
--spectrum-cyan-600:rgba(var(--spectrum-cyan-600-rgb));
484484
--spectrum-cyan-700-rgb:8, 115, 168;
485485
--spectrum-cyan-700:rgba(var(--spectrum-cyan-700-rgb));
486-
--spectrum-cyan-800-rgb:15, 128, 194;
486+
--spectrum-cyan-800-rgb:13, 125, 186;
487487
--spectrum-cyan-800:rgba(var(--spectrum-cyan-800-rgb));
488488
--spectrum-cyan-900-rgb:24, 142, 220;
489489
--spectrum-cyan-900:rgba(var(--spectrum-cyan-900-rgb));
@@ -515,7 +515,7 @@
515515
--spectrum-indigo-600:rgba(var(--spectrum-indigo-600-rgb));
516516
--spectrum-indigo-700-rgb:109, 75, 248;
517517
--spectrum-indigo-700:rgba(var(--spectrum-indigo-700-rgb));
518-
--spectrum-indigo-800-rgb:119, 97, 252;
518+
--spectrum-indigo-800-rgb:116, 91, 252;
519519
--spectrum-indigo-800:rgba(var(--spectrum-indigo-800-rgb));
520520
--spectrum-indigo-900-rgb:128, 119, 254;
521521
--spectrum-indigo-900:rgba(var(--spectrum-indigo-900-rgb));
@@ -547,7 +547,7 @@
547547
--spectrum-purple-600:rgba(var(--spectrum-purple-600-rgb));
548548
--spectrum-purple-700-rgb:148, 62, 224;
549549
--spectrum-purple-700:rgba(var(--spectrum-purple-700-rgb));
550-
--spectrum-purple-800-rgb:161, 84, 229;
550+
--spectrum-purple-800-rgb:157, 78, 228;
551551
--spectrum-purple-800:rgba(var(--spectrum-purple-800-rgb));
552552
--spectrum-purple-900-rgb:173, 105, 233;
553553
--spectrum-purple-900:rgba(var(--spectrum-purple-900-rgb));
@@ -579,7 +579,7 @@
579579
--spectrum-fuchsia-600:rgba(var(--spectrum-fuchsia-600-rgb));
580580
--spectrum-fuchsia-700-rgb:173, 51, 192;
581581
--spectrum-fuchsia-700:rgba(var(--spectrum-fuchsia-700-rgb));
582-
--spectrum-fuchsia-800-rgb:192, 64, 212;
582+
--spectrum-fuchsia-800-rgb:186, 60, 206;
583583
--spectrum-fuchsia-800:rgba(var(--spectrum-fuchsia-800-rgb));
584584
--spectrum-fuchsia-900-rgb:213, 73, 235;
585585
--spectrum-fuchsia-900:rgba(var(--spectrum-fuchsia-900-rgb));
@@ -611,7 +611,7 @@
611611
--spectrum-magenta-600:rgba(var(--spectrum-magenta-600-rgb));
612612
--spectrum-magenta-700-rgb:207, 31, 92;
613613
--spectrum-magenta-700:rgba(var(--spectrum-magenta-700-rgb));
614-
--spectrum-magenta-800-rgb:231, 41, 105;
614+
--spectrum-magenta-800-rgb:224, 38, 101;
615615
--spectrum-magenta-800:rgba(var(--spectrum-magenta-800-rgb));
616616
--spectrum-magenta-900-rgb:255, 51, 119;
617617
--spectrum-magenta-900:rgba(var(--spectrum-magenta-900-rgb));
@@ -643,7 +643,7 @@
643643
--spectrum-pink-600:rgba(var(--spectrum-pink-600-rgb));
644644
--spectrum-pink-700-rgb:196, 39, 138;
645645
--spectrum-pink-700:rgba(var(--spectrum-pink-700-rgb));
646-
--spectrum-pink-800-rgb:220, 47, 156;
646+
--spectrum-pink-800-rgb:213, 45, 151;
647647
--spectrum-pink-800:rgba(var(--spectrum-pink-800-rgb));
648648
--spectrum-pink-900-rgb:236, 67, 175;
649649
--spectrum-pink-900:rgba(var(--spectrum-pink-900-rgb));
@@ -675,7 +675,7 @@
675675
--spectrum-turquoise-600:rgba(var(--spectrum-turquoise-600-rgb));
676676
--spectrum-turquoise-700-rgb:7, 120, 131;
677677
--spectrum-turquoise-700:rgba(var(--spectrum-turquoise-700-rgb));
678-
--spectrum-turquoise-800-rgb:9, 135, 147;
678+
--spectrum-turquoise-800-rgb:9, 131, 142;
679679
--spectrum-turquoise-800:rgba(var(--spectrum-turquoise-800-rgb));
680680
--spectrum-turquoise-900-rgb:11, 151, 164;
681681
--spectrum-turquoise-900:rgba(var(--spectrum-turquoise-900-rgb));
@@ -707,7 +707,7 @@
707707
--spectrum-brown-600:rgba(var(--spectrum-brown-600-rgb));
708708
--spectrum-brown-700-rgb:132, 104, 61;
709709
--spectrum-brown-700:rgba(var(--spectrum-brown-700-rgb));
710-
--spectrum-brown-800-rgb:148, 118, 73;
710+
--spectrum-brown-800-rgb:143, 114, 69;
711711
--spectrum-brown-800:rgba(var(--spectrum-brown-800-rgb));
712712
--spectrum-brown-900-rgb:163, 132, 84;
713713
--spectrum-brown-900:rgba(var(--spectrum-brown-900-rgb));
@@ -739,7 +739,7 @@
739739
--spectrum-silver-600:rgba(var(--spectrum-silver-600-rgb));
740740
--spectrum-silver-700-rgb:108, 108, 108;
741741
--spectrum-silver-700:rgba(var(--spectrum-silver-700-rgb));
742-
--spectrum-silver-800-rgb:123, 123, 123;
742+
--spectrum-silver-800-rgb:118, 118, 118;
743743
--spectrum-silver-800:rgba(var(--spectrum-silver-800-rgb));
744744
--spectrum-silver-900-rgb:137, 137, 137;
745745
--spectrum-silver-900:rgba(var(--spectrum-silver-900-rgb));
@@ -771,7 +771,7 @@
771771
--spectrum-cinnamon-600:rgba(var(--spectrum-cinnamon-600-rgb));
772772
--spectrum-cinnamon-700-rgb:163, 88, 52;
773773
--spectrum-cinnamon-700:rgba(var(--spectrum-cinnamon-700-rgb));
774-
--spectrum-cinnamon-800-rgb:179, 103, 64;
774+
--spectrum-cinnamon-800-rgb:176, 98, 59;
775775
--spectrum-cinnamon-800:rgba(var(--spectrum-cinnamon-800-rgb));
776776
--spectrum-cinnamon-900-rgb:192, 119, 80;
777777
--spectrum-cinnamon-900:rgba(var(--spectrum-cinnamon-900-rgb));

‎tokens/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
"package.json"
3737
],
3838
"devDependencies": {
39-
"@adobe/spectrum-tokens": "0.0.0-s2-foundations-20241021172855",
39+
"@adobe/spectrum-tokens": "0.0.0-s2-foundations-20241121221506",
4040
"@nxkit/style-dictionary": "^6.0.0",
4141
"postcss": "^8.4.49",
4242
"postcss-cli": "^11.0.0",

‎yarn.lock

+8-1
Original file line numberDiff line numberDiff line change
@@ -139,6 +139,13 @@ __metadata:
139139
languageName: node
140140
linkType: hard
141141

142+
"@adobe/spectrum-tokens@npm:0.0.0-s2-foundations-20241121221506":
143+
version: 0.0.0-s2-foundations-20241121221506
144+
resolution: "@adobe/spectrum-tokens@npm:0.0.0-s2-foundations-20241121221506"
145+
checksum: 10c0/64664995ca98170c2a089ecb215103c77bb5a3ff49848371e2dfc301dc3ca30ef4dafae3d44cda82a1609d877e54608cc2e591edef37095ee646c6cf185143ee
146+
languageName: node
147+
linkType: hard
148+
142149
"@ampproject/remapping@npm:^2.2.0":
143150
version: 2.3.0
144151
resolution: "@ampproject/remapping@npm:2.3.0"
@@ -4180,7 +4187,7 @@ __metadata:
41804187
version: 0.0.0-use.local
41814188
resolution: "@spectrum-css/tokens@workspace:tokens"
41824189
dependencies:
4183-
"@adobe/spectrum-tokens": "npm:0.0.0-s2-foundations-20241021172855"
4190+
"@adobe/spectrum-tokens": "npm:0.0.0-s2-foundations-20241121221506"
41844191
"@nxkit/style-dictionary": "npm:^6.0.0"
41854192
postcss: "npm:^8.4.49"
41864193
postcss-cli: "npm:^11.0.0"

0 commit comments

Comments
 (0)
Please sign in to comment.