Skip to content

Commit

Permalink
feat: s2 foundations non-gray-800 colors update (#3413)
Browse files Browse the repository at this point in the history 
* feat: s2 foundations non-gray-800 colors update

* add changeset
  • Loading branch information
@pfulton @castastrophe
pfulton authored and castastrophe committed Dec 3, 2024
1 parent a603d35 commit 39500a3
Show file tree
Hide file tree
Showing 5 changed files with 138 additions and 20 deletions.
108 changes: 108 additions & 0 deletions .changeset/weak-kings-pretend.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,108 @@
---
"@spectrum-css/tokens": minor
"@spectrum-css/floatingactionbutton": major
"@spectrum-css/opacitycheckerboard": major
"@spectrum-css/illustratedmessage": major
"@spectrum-css/coachindicator": major
"@spectrum-css/contextualhelp": major
"@spectrum-css/progresscircle": major
"@spectrum-css/dropindicator": major
"@spectrum-css/infieldbutton": major
"@spectrum-css/actionbutton": major
"@spectrum-css/pickerbutton": major
"@spectrum-css/actiongroup": major
"@spectrum-css/alertbanner": major
"@spectrum-css/alertdialog": major
"@spectrum-css/buttongroup": major
"@spectrum-css/clearbutton": major
"@spectrum-css/closebutton": major
"@spectrum-css/colorhandle": major
"@spectrum-css/colorslider": major
"@spectrum-css/inlinealert": major
"@spectrum-css/logicbutton": major
"@spectrum-css/progressbar": major
"@spectrum-css/statuslight": major
"@spectrum-css/swatchgroup": major
"@spectrum-css/actionmenu": major
"@spectrum-css/breadcrumb": major
"@spectrum-css/colorloupe": major
"@spectrum-css/colorwheel": major
"@spectrum-css/datepicker": major
"@spectrum-css/fieldgroup": major
"@spectrum-css/fieldlabel": major
"@spectrum-css/pagination": major
"@spectrum-css/typography": major
"@spectrum-css/accordion": major
"@spectrum-css/actionbar": major
"@spectrum-css/assetcard": major
"@spectrum-css/assetlist": major
"@spectrum-css/coachmark": major
"@spectrum-css/colorarea": major
"@spectrum-css/splitview": major
"@spectrum-css/textfield": major
"@spectrum-css/thumbnail": major
"@spectrum-css/calendar": major
"@spectrum-css/checkbox": major
"@spectrum-css/combobox": major
"@spectrum-css/dropzone": major
"@spectrum-css/helptext": major
"@spectrum-css/steplist": major
"@spectrum-css/taggroup": major
"@spectrum-css/treeview": major
"@spectrum-css/underlay": major
"@spectrum-css/divider": major
"@spectrum-css/popover": major
"@spectrum-css/sidenav": major
"@spectrum-css/stepper": major
"@spectrum-css/tooltip": major
"@spectrum-css/avatar": major
"@spectrum-css/button": major
"@spectrum-css/dialog": major
"@spectrum-css/miller": major
"@spectrum-css/picker": major
"@spectrum-css/rating": major
"@spectrum-css/search": major
"@spectrum-css/slider": major
"@spectrum-css/swatch": major
"@spectrum-css/switch": major
"@spectrum-css/asset": major
"@spectrum-css/badge": major
"@spectrum-css/modal": major
"@spectrum-css/radio": major
"@spectrum-css/table": major
"@spectrum-css/toast": major
"@spectrum-css/card": major
"@spectrum-css/dial": major
"@spectrum-css/icon": major
"@spectrum-css/link": major
"@spectrum-css/menu": major
"@spectrum-css/tabs": major
"@spectrum-css/tray": major
"@spectrum-css/well": major
"@spectrum-css/tag": major
"@spectrum-css/meter": major
"@spectrum-css/form": major
---

feat: s2 foundations non-gray-800 colors update

| Property name | Context | Old value | Updated value |
| --------------------------- | ------- | ------------------ | ------------------ |
| `--spectrum-blue-800` | dark | rgb(69, 110, 254) | rgb(64, 105, 253) |
| `--spectrum-red-800` | dark | rgb(230, 54, 35) | rgb(223, 52, 34) |
| `--spectrum-orange-800` | dark | rgb(205, 86, 0) | rgb(199, 82, 0) |
| `--spectrum-yellow-800` | dark | rgb(169, 110, 0) | rgb(164, 106, 0) |
| `--spectrum-chartreuse-800` | dark | rgb(109, 131, 0) | rgb(106, 127, 0) |
| `--spectrum-celery-800` | dark | rgb(69, 138, 19) | rgb(66, 134, 18) |
| `--spectrum-green-800` | dark | rgb(6, 140, 82) | rgb(6, 136, 80) |
| `--spectrum-seafoam-800` | dark | rgb(8, 138, 116) | rgb(8, 134, 112) |
| `--spectrum-cyan-800` | dark | rgb(15, 128, 194) | rgb(13, 125, 186) |
| `--spectrum-indigo-800` | dark | rgb(119, 97, 252) | rgb(116, 91, 252) |
| `--spectrum-purple-800` | dark | rgb(161, 84, 229) | rgb(157, 78, 228) |
| `--spectrum-fuchsia-800` | dark | rgb(192, 64, 212) | rgb(186, 60, 206) |
| `--spectrum-magenta-800` | dark | rgb(231, 41, 105) | rgb(224, 38, 101) |
| `--spectrum-pink-800` | dark | rgb(220, 47, 156) | rgb(213, 45, 151) |
| `--spectrum-turqoise-800` | dark | rgb(9, 135, 147) | rgb(9, 131, 142) |
| `--spectrum-brown-800` | dark | rgb(148, 118, 73) | rgb(143, 114, 69) |
| `--spectrum-silver-800` | dark | rgb(123, 123, 123) | rgb(118, 118, 118) |
| `--spectrum-cinnamon-800` | dark | rgb(179, 103, 64) | rgb(176, 98, 59) |
3 changes: 3 additions & 0 deletions commitlint.config.js
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,6 @@
module.exports = {
extends: ["@commitlint/config-conventional"],
rules: {
"header-max-length": [0],
}
};
36 changes: 18 additions & 18 deletions tokens/dist/css/dark-vars.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -227,7 +227,7 @@
--spectrum-blue-600:rgba(var(--spectrum-blue-600-rgb));
--spectrum-blue-700-rgb:52, 91, 248;
--spectrum-blue-700:rgba(var(--spectrum-blue-700-rgb));
--spectrum-blue-800-rgb:69, 110, 254;
--spectrum-blue-800-rgb:64, 105, 253;
--spectrum-blue-800:rgba(var(--spectrum-blue-800-rgb));
--spectrum-blue-900-rgb:86, 129, 255;
--spectrum-blue-900:rgba(var(--spectrum-blue-900-rgb));
Expand Down Expand Up @@ -259,7 +259,7 @@
--spectrum-red-600:rgba(var(--spectrum-red-600-rgb));
--spectrum-red-700-rgb:205, 46, 29;
--spectrum-red-700:rgba(var(--spectrum-red-700-rgb));
--spectrum-red-800-rgb:230, 54, 35;
--spectrum-red-800-rgb:223, 52, 34;
--spectrum-red-800:rgba(var(--spectrum-red-800-rgb));
--spectrum-red-900-rgb:252, 67, 46;
--spectrum-red-900:rgba(var(--spectrum-red-900-rgb));
Expand Down Expand Up @@ -291,7 +291,7 @@
--spectrum-orange-600:rgba(var(--spectrum-orange-600-rgb));
--spectrum-orange-700-rgb:185, 73, 0;
--spectrum-orange-700:rgba(var(--spectrum-orange-700-rgb));
--spectrum-orange-800-rgb:205, 86, 0;
--spectrum-orange-800-rgb:199, 82, 0;
--spectrum-orange-800:rgba(var(--spectrum-orange-800-rgb));
--spectrum-orange-900-rgb:224, 100, 0;
--spectrum-orange-900:rgba(var(--spectrum-orange-900-rgb));
Expand Down Expand Up @@ -323,7 +323,7 @@
--spectrum-yellow-600:rgba(var(--spectrum-yellow-600-rgb));
--spectrum-yellow-700-rgb:151, 97, 0;
--spectrum-yellow-700:rgba(var(--spectrum-yellow-700-rgb));
--spectrum-yellow-800-rgb:169, 110, 0;
--spectrum-yellow-800-rgb:164, 106, 0;
--spectrum-yellow-800:rgba(var(--spectrum-yellow-800-rgb));
--spectrum-yellow-900-rgb:186, 124, 0;
--spectrum-yellow-900:rgba(var(--spectrum-yellow-900-rgb));
Expand Down Expand Up @@ -355,7 +355,7 @@
--spectrum-chartreuse-600:rgba(var(--spectrum-chartreuse-600-rgb));
--spectrum-chartreuse-700-rgb:97, 116, 0;
--spectrum-chartreuse-700:rgba(var(--spectrum-chartreuse-700-rgb));
--spectrum-chartreuse-800-rgb:109, 131, 0;
--spectrum-chartreuse-800-rgb:106, 127, 0;
--spectrum-chartreuse-800:rgba(var(--spectrum-chartreuse-800-rgb));
--spectrum-chartreuse-900-rgb:122, 147, 0;
--spectrum-chartreuse-900:rgba(var(--spectrum-chartreuse-900-rgb));
Expand Down Expand Up @@ -387,7 +387,7 @@
--spectrum-celery-600:rgba(var(--spectrum-celery-600-rgb));
--spectrum-celery-700-rgb:60, 122, 15;
--spectrum-celery-700:rgba(var(--spectrum-celery-700-rgb));
--spectrum-celery-800-rgb:69, 138, 19;
--spectrum-celery-800-rgb:66, 134, 18;
--spectrum-celery-800:rgba(var(--spectrum-celery-800-rgb));
--spectrum-celery-900-rgb:78, 154, 23;
--spectrum-celery-900:rgba(var(--spectrum-celery-900-rgb));
Expand Down Expand Up @@ -419,7 +419,7 @@
--spectrum-green-600:rgba(var(--spectrum-green-600-rgb));
--spectrum-green-700-rgb:4, 124, 75;
--spectrum-green-700:rgba(var(--spectrum-green-700-rgb));
--spectrum-green-800-rgb:6, 140, 82;
--spectrum-green-800-rgb:6, 136, 80;
--spectrum-green-800:rgba(var(--spectrum-green-800-rgb));
--spectrum-green-900-rgb:9, 157, 89;
--spectrum-green-900:rgba(var(--spectrum-green-900-rgb));
Expand Down Expand Up @@ -451,7 +451,7 @@
--spectrum-seafoam-600:rgba(var(--spectrum-seafoam-600-rgb));
--spectrum-seafoam-700-rgb:6, 122, 103;
--spectrum-seafoam-700:rgba(var(--spectrum-seafoam-700-rgb));
--spectrum-seafoam-800-rgb:8, 138, 116;
--spectrum-seafoam-800-rgb:8, 134, 112;
--spectrum-seafoam-800:rgba(var(--spectrum-seafoam-800-rgb));
--spectrum-seafoam-900-rgb:10, 154, 128;
--spectrum-seafoam-900:rgba(var(--spectrum-seafoam-900-rgb));
Expand Down Expand Up @@ -483,7 +483,7 @@
--spectrum-cyan-600:rgba(var(--spectrum-cyan-600-rgb));
--spectrum-cyan-700-rgb:8, 115, 168;
--spectrum-cyan-700:rgba(var(--spectrum-cyan-700-rgb));
--spectrum-cyan-800-rgb:15, 128, 194;
--spectrum-cyan-800-rgb:13, 125, 186;
--spectrum-cyan-800:rgba(var(--spectrum-cyan-800-rgb));
--spectrum-cyan-900-rgb:24, 142, 220;
--spectrum-cyan-900:rgba(var(--spectrum-cyan-900-rgb));
Expand Down Expand Up @@ -515,7 +515,7 @@
--spectrum-indigo-600:rgba(var(--spectrum-indigo-600-rgb));
--spectrum-indigo-700-rgb:109, 75, 248;
--spectrum-indigo-700:rgba(var(--spectrum-indigo-700-rgb));
--spectrum-indigo-800-rgb:119, 97, 252;
--spectrum-indigo-800-rgb:116, 91, 252;
--spectrum-indigo-800:rgba(var(--spectrum-indigo-800-rgb));
--spectrum-indigo-900-rgb:128, 119, 254;
--spectrum-indigo-900:rgba(var(--spectrum-indigo-900-rgb));
Expand Down Expand Up @@ -547,7 +547,7 @@
--spectrum-purple-600:rgba(var(--spectrum-purple-600-rgb));
--spectrum-purple-700-rgb:148, 62, 224;
--spectrum-purple-700:rgba(var(--spectrum-purple-700-rgb));
--spectrum-purple-800-rgb:161, 84, 229;
--spectrum-purple-800-rgb:157, 78, 228;
--spectrum-purple-800:rgba(var(--spectrum-purple-800-rgb));
--spectrum-purple-900-rgb:173, 105, 233;
--spectrum-purple-900:rgba(var(--spectrum-purple-900-rgb));
Expand Down Expand Up @@ -579,7 +579,7 @@
--spectrum-fuchsia-600:rgba(var(--spectrum-fuchsia-600-rgb));
--spectrum-fuchsia-700-rgb:173, 51, 192;
--spectrum-fuchsia-700:rgba(var(--spectrum-fuchsia-700-rgb));
--spectrum-fuchsia-800-rgb:192, 64, 212;
--spectrum-fuchsia-800-rgb:186, 60, 206;
--spectrum-fuchsia-800:rgba(var(--spectrum-fuchsia-800-rgb));
--spectrum-fuchsia-900-rgb:213, 73, 235;
--spectrum-fuchsia-900:rgba(var(--spectrum-fuchsia-900-rgb));
Expand Down Expand Up @@ -611,7 +611,7 @@
--spectrum-magenta-600:rgba(var(--spectrum-magenta-600-rgb));
--spectrum-magenta-700-rgb:207, 31, 92;
--spectrum-magenta-700:rgba(var(--spectrum-magenta-700-rgb));
--spectrum-magenta-800-rgb:231, 41, 105;
--spectrum-magenta-800-rgb:224, 38, 101;
--spectrum-magenta-800:rgba(var(--spectrum-magenta-800-rgb));
--spectrum-magenta-900-rgb:255, 51, 119;
--spectrum-magenta-900:rgba(var(--spectrum-magenta-900-rgb));
Expand Down Expand Up @@ -643,7 +643,7 @@
--spectrum-pink-600:rgba(var(--spectrum-pink-600-rgb));
--spectrum-pink-700-rgb:196, 39, 138;
--spectrum-pink-700:rgba(var(--spectrum-pink-700-rgb));
--spectrum-pink-800-rgb:220, 47, 156;
--spectrum-pink-800-rgb:213, 45, 151;
--spectrum-pink-800:rgba(var(--spectrum-pink-800-rgb));
--spectrum-pink-900-rgb:236, 67, 175;
--spectrum-pink-900:rgba(var(--spectrum-pink-900-rgb));
Expand Down Expand Up @@ -675,7 +675,7 @@
--spectrum-turquoise-600:rgba(var(--spectrum-turquoise-600-rgb));
--spectrum-turquoise-700-rgb:7, 120, 131;
--spectrum-turquoise-700:rgba(var(--spectrum-turquoise-700-rgb));
--spectrum-turquoise-800-rgb:9, 135, 147;
--spectrum-turquoise-800-rgb:9, 131, 142;
--spectrum-turquoise-800:rgba(var(--spectrum-turquoise-800-rgb));
--spectrum-turquoise-900-rgb:11, 151, 164;
--spectrum-turquoise-900:rgba(var(--spectrum-turquoise-900-rgb));
Expand Down Expand Up @@ -707,7 +707,7 @@
--spectrum-brown-600:rgba(var(--spectrum-brown-600-rgb));
--spectrum-brown-700-rgb:132, 104, 61;
--spectrum-brown-700:rgba(var(--spectrum-brown-700-rgb));
--spectrum-brown-800-rgb:148, 118, 73;
--spectrum-brown-800-rgb:143, 114, 69;
--spectrum-brown-800:rgba(var(--spectrum-brown-800-rgb));
--spectrum-brown-900-rgb:163, 132, 84;
--spectrum-brown-900:rgba(var(--spectrum-brown-900-rgb));
Expand Down Expand Up @@ -739,7 +739,7 @@
--spectrum-silver-600:rgba(var(--spectrum-silver-600-rgb));
--spectrum-silver-700-rgb:108, 108, 108;
--spectrum-silver-700:rgba(var(--spectrum-silver-700-rgb));
--spectrum-silver-800-rgb:123, 123, 123;
--spectrum-silver-800-rgb:118, 118, 118;
--spectrum-silver-800:rgba(var(--spectrum-silver-800-rgb));
--spectrum-silver-900-rgb:137, 137, 137;
--spectrum-silver-900:rgba(var(--spectrum-silver-900-rgb));
Expand Down Expand Up @@ -771,7 +771,7 @@
--spectrum-cinnamon-600:rgba(var(--spectrum-cinnamon-600-rgb));
--spectrum-cinnamon-700-rgb:163, 88, 52;
--spectrum-cinnamon-700:rgba(var(--spectrum-cinnamon-700-rgb));
--spectrum-cinnamon-800-rgb:179, 103, 64;
--spectrum-cinnamon-800-rgb:176, 98, 59;
--spectrum-cinnamon-800:rgba(var(--spectrum-cinnamon-800-rgb));
--spectrum-cinnamon-900-rgb:192, 119, 80;
--spectrum-cinnamon-900:rgba(var(--spectrum-cinnamon-900-rgb));
Expand Down
2 changes: 1 addition & 1 deletion tokens/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@
"package.json"
],
"devDependencies": {
"@adobe/spectrum-tokens": "0.0.0-s2-foundations-20241021172855",
"@adobe/spectrum-tokens": "0.0.0-s2-foundations-20241121221506",
"@nxkit/style-dictionary": "^6.0.0",
"postcss": "^8.4.49",
"postcss-cli": "^11.0.0",
Expand Down
9 changes: 8 additions & 1 deletion yarn.lock
View file
Original file line number Diff line number Diff line change
Expand Up @@ -139,6 +139,13 @@ __metadata:
languageName: node
linkType: hard

"@adobe/spectrum-tokens@npm:0.0.0-s2-foundations-20241121221506":
version: 0.0.0-s2-foundations-20241121221506
resolution: "@adobe/spectrum-tokens@npm:0.0.0-s2-foundations-20241121221506"
checksum: 10c0/64664995ca98170c2a089ecb215103c77bb5a3ff49848371e2dfc301dc3ca30ef4dafae3d44cda82a1609d877e54608cc2e591edef37095ee646c6cf185143ee
languageName: node
linkType: hard

"@ampproject/remapping@npm:^2.2.0":
version: 2.3.0
resolution: "@ampproject/remapping@npm:2.3.0"
Expand Down Expand Up @@ -4180,7 +4187,7 @@ __metadata:
version: 0.0.0-use.local
resolution: "@spectrum-css/tokens@workspace:tokens"
dependencies:
"@adobe/spectrum-tokens": "npm:0.0.0-s2-foundations-20241021172855"
"@adobe/spectrum-tokens": "npm:0.0.0-s2-foundations-20241121221506"
"@nxkit/style-dictionary": "npm:^6.0.0"
postcss: "npm:^8.4.49"
postcss-cli: "npm:^11.0.0"
Expand Down

0 comments on commit 39500a3

Please sign in to comment.