Skip to content

Commit c8b9a75

Browse files
TarunAdobeTarunAdobe
authored
chore(styles): update to latest foundations tag (#5070)
* chore(styles): update to latest foundations tag * chore: reduce vrt retries on failure * chore: reduce the concurrency for vrts * chore: add missing express bridges * chore: update golden image hash
1 parent 8c15bbd commit c8b9a75

File tree

10 files changed

+458
-388
lines changed

10 files changed

+458
-388
lines changed

‎.circleci/config.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ parameters:
1414
# 3. Commit this change to the PR branch where the changes exist.
1515
current_golden_images_hash:
1616
type: string
17-
default: 55b312b59925c0a6e24b7947114dcdb8cf61a9d2
17+
default: 572a1d244c4db47b429c0daa7479ead3f256b361
1818
wireit_cache_name:
1919
type: string
2020
default: wireit

‎tools/styles/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,7 @@
121121
"devDependencies": {
122122
"@spectrum-css/expressvars": "^3.0.9",
123123
"@spectrum-css/tokens": "15.0.0",
124-
"@spectrum-css/tokens-v2": "npm:@spectrum-css/tokens@15.0.0-s2-foundations.27",
124+
"@spectrum-css/tokens-v2": "npm:@spectrum-css/tokens@15.0.0-s2-foundations.31",
125125
"@spectrum-css/typography": "7.0.0-s2-foundations.17",
126126
"@spectrum-css/vars": "^9.0.8"
127127
},

‎tools/styles/tokens-v2/dark-vars.css

Lines changed: 57 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -362,7 +362,7 @@
362362
--spectrum-blue-600: rgba(var(--spectrum-blue-600-rgb));
363363
--spectrum-blue-700-rgb: 52, 91, 248;
364364
--spectrum-blue-700: rgba(var(--spectrum-blue-700-rgb));
365-
--spectrum-blue-800-rgb: 69, 110, 254;
365+
--spectrum-blue-800-rgb: 64, 105, 253;
366366
--spectrum-blue-800: rgba(var(--spectrum-blue-800-rgb));
367367
--spectrum-blue-900-rgb: 86, 129, 255;
368368
--spectrum-blue-900: rgba(var(--spectrum-blue-900-rgb));
@@ -394,7 +394,7 @@
394394
--spectrum-red-600: rgba(var(--spectrum-red-600-rgb));
395395
--spectrum-red-700-rgb: 205, 46, 29;
396396
--spectrum-red-700: rgba(var(--spectrum-red-700-rgb));
397-
--spectrum-red-800-rgb: 230, 54, 35;
397+
--spectrum-red-800-rgb: 223, 52, 34;
398398
--spectrum-red-800: rgba(var(--spectrum-red-800-rgb));
399399
--spectrum-red-900-rgb: 252, 67, 46;
400400
--spectrum-red-900: rgba(var(--spectrum-red-900-rgb));
@@ -426,7 +426,7 @@
426426
--spectrum-orange-600: rgba(var(--spectrum-orange-600-rgb));
427427
--spectrum-orange-700-rgb: 185, 73, 0;
428428
--spectrum-orange-700: rgba(var(--spectrum-orange-700-rgb));
429-
--spectrum-orange-800-rgb: 205, 86, 0;
429+
--spectrum-orange-800-rgb: 199, 82, 0;
430430
--spectrum-orange-800: rgba(var(--spectrum-orange-800-rgb));
431431
--spectrum-orange-900-rgb: 224, 100, 0;
432432
--spectrum-orange-900: rgba(var(--spectrum-orange-900-rgb));
@@ -458,7 +458,7 @@
458458
--spectrum-yellow-600: rgba(var(--spectrum-yellow-600-rgb));
459459
--spectrum-yellow-700-rgb: 151, 97, 0;
460460
--spectrum-yellow-700: rgba(var(--spectrum-yellow-700-rgb));
461-
--spectrum-yellow-800-rgb: 169, 110, 0;
461+
--spectrum-yellow-800-rgb: 164, 106, 0;
462462
--spectrum-yellow-800: rgba(var(--spectrum-yellow-800-rgb));
463463
--spectrum-yellow-900-rgb: 186, 124, 0;
464464
--spectrum-yellow-900: rgba(var(--spectrum-yellow-900-rgb));
@@ -490,7 +490,7 @@
490490
--spectrum-chartreuse-600: rgba(var(--spectrum-chartreuse-600-rgb));
491491
--spectrum-chartreuse-700-rgb: 97, 116, 0;
492492
--spectrum-chartreuse-700: rgba(var(--spectrum-chartreuse-700-rgb));
493-
--spectrum-chartreuse-800-rgb: 109, 131, 0;
493+
--spectrum-chartreuse-800-rgb: 106, 127, 0;
494494
--spectrum-chartreuse-800: rgba(var(--spectrum-chartreuse-800-rgb));
495495
--spectrum-chartreuse-900-rgb: 122, 147, 0;
496496
--spectrum-chartreuse-900: rgba(var(--spectrum-chartreuse-900-rgb));
@@ -522,7 +522,7 @@
522522
--spectrum-celery-600: rgba(var(--spectrum-celery-600-rgb));
523523
--spectrum-celery-700-rgb: 60, 122, 15;
524524
--spectrum-celery-700: rgba(var(--spectrum-celery-700-rgb));
525-
--spectrum-celery-800-rgb: 69, 138, 19;
525+
--spectrum-celery-800-rgb: 66, 134, 18;
526526
--spectrum-celery-800: rgba(var(--spectrum-celery-800-rgb));
527527
--spectrum-celery-900-rgb: 78, 154, 23;
528528
--spectrum-celery-900: rgba(var(--spectrum-celery-900-rgb));
@@ -554,7 +554,7 @@
554554
--spectrum-green-600: rgba(var(--spectrum-green-600-rgb));
555555
--spectrum-green-700-rgb: 4, 124, 75;
556556
--spectrum-green-700: rgba(var(--spectrum-green-700-rgb));
557-
--spectrum-green-800-rgb: 6, 140, 82;
557+
--spectrum-green-800-rgb: 6, 136, 80;
558558
--spectrum-green-800: rgba(var(--spectrum-green-800-rgb));
559559
--spectrum-green-900-rgb: 9, 157, 89;
560560
--spectrum-green-900: rgba(var(--spectrum-green-900-rgb));
@@ -586,7 +586,7 @@
586586
--spectrum-seafoam-600: rgba(var(--spectrum-seafoam-600-rgb));
587587
--spectrum-seafoam-700-rgb: 6, 122, 103;
588588
--spectrum-seafoam-700: rgba(var(--spectrum-seafoam-700-rgb));
589-
--spectrum-seafoam-800-rgb: 8, 138, 116;
589+
--spectrum-seafoam-800-rgb: 8, 134, 112;
590590
--spectrum-seafoam-800: rgba(var(--spectrum-seafoam-800-rgb));
591591
--spectrum-seafoam-900-rgb: 10, 154, 128;
592592
--spectrum-seafoam-900: rgba(var(--spectrum-seafoam-900-rgb));
@@ -618,7 +618,7 @@
618618
--spectrum-cyan-600: rgba(var(--spectrum-cyan-600-rgb));
619619
--spectrum-cyan-700-rgb: 8, 115, 168;
620620
--spectrum-cyan-700: rgba(var(--spectrum-cyan-700-rgb));
621-
--spectrum-cyan-800-rgb: 15, 128, 194;
621+
--spectrum-cyan-800-rgb: 13, 125, 186;
622622
--spectrum-cyan-800: rgba(var(--spectrum-cyan-800-rgb));
623623
--spectrum-cyan-900-rgb: 24, 142, 220;
624624
--spectrum-cyan-900: rgba(var(--spectrum-cyan-900-rgb));
@@ -650,7 +650,7 @@
650650
--spectrum-indigo-600: rgba(var(--spectrum-indigo-600-rgb));
651651
--spectrum-indigo-700-rgb: 109, 75, 248;
652652
--spectrum-indigo-700: rgba(var(--spectrum-indigo-700-rgb));
653-
--spectrum-indigo-800-rgb: 119, 97, 252;
653+
--spectrum-indigo-800-rgb: 116, 91, 252;
654654
--spectrum-indigo-800: rgba(var(--spectrum-indigo-800-rgb));
655655
--spectrum-indigo-900-rgb: 128, 119, 254;
656656
--spectrum-indigo-900: rgba(var(--spectrum-indigo-900-rgb));
@@ -682,7 +682,7 @@
682682
--spectrum-purple-600: rgba(var(--spectrum-purple-600-rgb));
683683
--spectrum-purple-700-rgb: 148, 62, 224;
684684
--spectrum-purple-700: rgba(var(--spectrum-purple-700-rgb));
685-
--spectrum-purple-800-rgb: 161, 84, 229;
685+
--spectrum-purple-800-rgb: 157, 78, 228;
686686
--spectrum-purple-800: rgba(var(--spectrum-purple-800-rgb));
687687
--spectrum-purple-900-rgb: 173, 105, 233;
688688
--spectrum-purple-900: rgba(var(--spectrum-purple-900-rgb));
@@ -714,7 +714,7 @@
714714
--spectrum-fuchsia-600: rgba(var(--spectrum-fuchsia-600-rgb));
715715
--spectrum-fuchsia-700-rgb: 173, 51, 192;
716716
--spectrum-fuchsia-700: rgba(var(--spectrum-fuchsia-700-rgb));
717-
--spectrum-fuchsia-800-rgb: 192, 64, 212;
717+
--spectrum-fuchsia-800-rgb: 186, 60, 206;
718718
--spectrum-fuchsia-800: rgba(var(--spectrum-fuchsia-800-rgb));
719719
--spectrum-fuchsia-900-rgb: 213, 73, 235;
720720
--spectrum-fuchsia-900: rgba(var(--spectrum-fuchsia-900-rgb));
@@ -746,7 +746,7 @@
746746
--spectrum-magenta-600: rgba(var(--spectrum-magenta-600-rgb));
747747
--spectrum-magenta-700-rgb: 207, 31, 92;
748748
--spectrum-magenta-700: rgba(var(--spectrum-magenta-700-rgb));
749-
--spectrum-magenta-800-rgb: 231, 41, 105;
749+
--spectrum-magenta-800-rgb: 224, 38, 101;
750750
--spectrum-magenta-800: rgba(var(--spectrum-magenta-800-rgb));
751751
--spectrum-magenta-900-rgb: 255, 51, 119;
752752
--spectrum-magenta-900: rgba(var(--spectrum-magenta-900-rgb));
@@ -778,7 +778,7 @@
778778
--spectrum-pink-600: rgba(var(--spectrum-pink-600-rgb));
779779
--spectrum-pink-700-rgb: 196, 39, 138;
780780
--spectrum-pink-700: rgba(var(--spectrum-pink-700-rgb));
781-
--spectrum-pink-800-rgb: 220, 47, 156;
781+
--spectrum-pink-800-rgb: 213, 45, 151;
782782
--spectrum-pink-800: rgba(var(--spectrum-pink-800-rgb));
783783
--spectrum-pink-900-rgb: 236, 67, 175;
784784
--spectrum-pink-900: rgba(var(--spectrum-pink-900-rgb));
@@ -810,7 +810,7 @@
810810
--spectrum-turquoise-600: rgba(var(--spectrum-turquoise-600-rgb));
811811
--spectrum-turquoise-700-rgb: 7, 120, 131;
812812
--spectrum-turquoise-700: rgba(var(--spectrum-turquoise-700-rgb));
813-
--spectrum-turquoise-800-rgb: 9, 135, 147;
813+
--spectrum-turquoise-800-rgb: 9, 131, 142;
814814
--spectrum-turquoise-800: rgba(var(--spectrum-turquoise-800-rgb));
815815
--spectrum-turquoise-900-rgb: 11, 151, 164;
816816
--spectrum-turquoise-900: rgba(var(--spectrum-turquoise-900-rgb));
@@ -842,7 +842,7 @@
842842
--spectrum-brown-600: rgba(var(--spectrum-brown-600-rgb));
843843
--spectrum-brown-700-rgb: 132, 104, 61;
844844
--spectrum-brown-700: rgba(var(--spectrum-brown-700-rgb));
845-
--spectrum-brown-800-rgb: 148, 118, 73;
845+
--spectrum-brown-800-rgb: 143, 114, 69;
846846
--spectrum-brown-800: rgba(var(--spectrum-brown-800-rgb));
847847
--spectrum-brown-900-rgb: 163, 132, 84;
848848
--spectrum-brown-900: rgba(var(--spectrum-brown-900-rgb));
@@ -874,7 +874,7 @@
874874
--spectrum-silver-600: rgba(var(--spectrum-silver-600-rgb));
875875
--spectrum-silver-700-rgb: 108, 108, 108;
876876
--spectrum-silver-700: rgba(var(--spectrum-silver-700-rgb));
877-
--spectrum-silver-800-rgb: 123, 123, 123;
877+
--spectrum-silver-800-rgb: 118, 118, 118;
878878
--spectrum-silver-800: rgba(var(--spectrum-silver-800-rgb));
879879
--spectrum-silver-900-rgb: 137, 137, 137;
880880
--spectrum-silver-900: rgba(var(--spectrum-silver-900-rgb));
@@ -906,7 +906,7 @@
906906
--spectrum-cinnamon-600: rgba(var(--spectrum-cinnamon-600-rgb));
907907
--spectrum-cinnamon-700-rgb: 163, 88, 52;
908908
--spectrum-cinnamon-700: rgba(var(--spectrum-cinnamon-700-rgb));
909-
--spectrum-cinnamon-800-rgb: 179, 103, 64;
909+
--spectrum-cinnamon-800-rgb: 176, 98, 59;
910910
--spectrum-cinnamon-800: rgba(var(--spectrum-cinnamon-800-rgb));
911911
--spectrum-cinnamon-900-rgb: 192, 119, 80;
912912
--spectrum-cinnamon-900: rgba(var(--spectrum-cinnamon-900-rgb));
@@ -946,8 +946,24 @@
946946
--spectrum-negative-subtle-background-color-default: var(
947947
--spectrum-negative-color-300
948948
);
949-
--spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb);
950-
--spectrum-dropindicator-color: var(--spectrum-blue-700);
949+
--color-scheme: dark;
950+
--spectrum-assetcard-border-color-selected: var(--spectrum-blue-800);
951+
--spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800);
952+
--spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900);
953+
--spectrum-assetcard-selectionindicator-background-color-ordered: var(
954+
--spectrum-blue-800
955+
);
956+
--spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700);
957+
--spectrum-assetlist-item-background-color-selected-hover: rgba(
958+
var(--spectrum-blue-800-rgb),
959+
0.25
960+
);
961+
--spectrum-assetlist-item-background-color-selected: rgba(
962+
var(--spectrum-blue-800-rgb),
963+
0.15
964+
);
965+
--spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700);
966+
--spectrum-badge-label-icon-color-primary: var(--spectrum-black);
951967
--spectrum-calendar-day-background-color-selected: rgba(
952968
var(--spectrum-blue-800-rgb),
953969
0.15
@@ -976,19 +992,10 @@
976992
0.07
977993
);
978994
--spectrum-calendar-day-border-color-key-focus: var(--spectrum-blue-700);
979-
--spectrum-badge-label-icon-color-primary: var(--spectrum-black);
995+
--spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb);
980996
--spectrum-coach-indicator-ring-default-color: var(--spectrum-blue-700);
981-
--spectrum-steplist-current-marker-color-key-focus: var(
982-
--spectrum-blue-700
983-
);
984-
--spectrum-treeview-item-background-color-quiet-selected: rgba(
985-
var(--spectrum-gray-900-rgb),
986-
0.07
987-
);
988-
--spectrum-treeview-item-background-color-selected: rgba(
989-
var(--spectrum-blue-800-rgb),
990-
0.15
991-
);
997+
--spectrum-drop-zone-background-color-rgb: var(--spectrum-blue-900-rgb);
998+
--spectrum-dropindicator-color: var(--spectrum-blue-700);
992999
--spectrum-logic-button-and-background-color: var(--spectrum-blue-800);
9931000
--spectrum-logic-button-and-border-color: var(--spectrum-blue-800);
9941001
--spectrum-logic-button-and-background-color-hover: var(
@@ -1001,21 +1008,27 @@
10011008
--spectrum-magenta-900
10021009
);
10031010
--spectrum-logic-button-or-border-color-hover: var(--spectrum-magenta-900);
1004-
--spectrum-assetcard-border-color-selected: var(--spectrum-blue-800);
1005-
--spectrum-assetcard-border-color-selected-hover: var(--spectrum-blue-800);
1006-
--spectrum-assetcard-border-color-selected-down: var(--spectrum-blue-900);
1007-
--spectrum-assetcard-selectionindicator-background-color-ordered: var(
1008-
--spectrum-blue-800
1011+
--spectrum-steplist-current-marker-color-key-focus: var(
1012+
--spectrum-blue-700
10091013
);
1010-
--spectrum-assestcard-focus-indicator-color: var(--spectrum-blue-700);
1011-
--spectrum-assetlist-item-background-color-selected-hover: rgba(
1012-
var(--spectrum-blue-800-rgb),
1013-
0.25
1014+
--spectrum-swatch-border-color-rgb: 255, 255, 255;
1015+
--spectrum-swatch-border-color-opacity: 0.51;
1016+
--spectrum-swatch-border-color: rgba(
1017+
var(--spectrum-swatch-border-color-rgb),
1018+
var(--spectrum-swatch-border-color-opacity)
10141019
);
1015-
--spectrum-assetlist-item-background-color-selected: rgba(
1020+
--spectrum-swatch-border-color-light-rgb: 255, 255, 255;
1021+
--spectrum-swatch-border-color-light-opacity: 0.2;
1022+
--spectrum-swatch-border-color-light: rgba(
1023+
var(--spectrum-swatch-border-color-light-rgb),
1024+
var(--spectrum-swatch-border-color-light-opacity)
1025+
);
1026+
--spectrum-treeview-item-background-color-quiet-selected: rgba(
1027+
var(--spectrum-gray-900-rgb),
1028+
0.07
1029+
);
1030+
--spectrum-treeview-item-background-color-selected: rgba(
10161031
var(--spectrum-blue-800-rgb),
10171032
0.15
10181033
);
1019-
--spectrum-assetlist-border-color-key-focus: var(--spectrum-blue-700);
1020-
--spectrum-card-selected-background-color-rgb: var(--spectrum-blue-500-rgb);
10211034
}

‎tools/styles/tokens-v2/global-vars.css

Lines changed: 6 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1020,7 +1020,6 @@
10201020
--spectrum-code-cjk-line-height: var(--spectrum-cjk-line-height-200);
10211021
--spectrum-code-color: var(--spectrum-gray-800);
10221022
--system: spectrum;
1023-
--spectrum-animation-linear: cubic-bezier(0, 0, 1, 1);
10241023
--spectrum-animation-duration-0: 0s;
10251024
--spectrum-animation-duration-100: 0.13s;
10261025
--spectrum-animation-duration-200: 0.16s;
@@ -1035,24 +1034,25 @@
10351034
--spectrum-animation-duration-2000: 1s;
10361035
--spectrum-animation-duration-4000: 2s;
10371036
--spectrum-animation-duration-6000: 3s;
1037+
--spectrum-animation-linear: cubic-bezier(0, 0, 1, 1);
10381038
--spectrum-animation-ease-in-out: cubic-bezier(0.45, 0, 0.4, 1);
10391039
--spectrum-animation-ease-in: cubic-bezier(0.5, 0, 1, 1);
10401040
--spectrum-animation-ease-out: cubic-bezier(0, 0, 0.4, 1);
10411041
--spectrum-animation-ease-linear: cubic-bezier(0, 0, 1, 1);
10421042
--spectrum-sans-font-family-stack: adobe-clean,
10431043
var(--spectrum-sans-serif-font-family), 'Source Sans Pro', -apple-system,
1044-
blinkmacsystemfont, 'Segoe UI', roboto, ubuntu, 'Trebuchet MS',
1044+
BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu, 'Trebuchet MS',
10451045
'Lucida Grande', sans-serif;
10461046
--spectrum-sans-serif-font: var(--spectrum-sans-font-family-stack);
10471047
--spectrum-serif-font-family-stack: adobe-clean-serif,
1048-
var(--spectrum-serif-font-family), 'Source Serif Pro', georgia, serif;
1048+
var(--spectrum-serif-font-family), 'Source Serif Pro', Georgia, serif;
10491049
--spectrum-serif-font: var(--spectrum-serif-font-family-stack);
1050-
--spectrum-code-font-family-stack: 'Source Code Pro', monaco, monospace;
1050+
--spectrum-code-font-family-stack: 'Source Code Pro', Monaco, monospace;
10511051
--spectrum-font-family-ar: myriad-arabic, adobe-clean, 'Source Sans Pro',
1052-
-apple-system, blinkmacsystemfont, 'Segoe UI', roboto, ubuntu,
1052+
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,
10531053
'Trebuchet MS', 'Lucida Grande', sans-serif;
10541054
--spectrum-font-family-he: myriad-hebrew, adobe-clean, 'Source Sans Pro',
1055-
-apple-system, blinkmacsystemfont, 'Segoe UI', roboto, ubuntu,
1055+
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Ubuntu,
10561056
'Trebuchet MS', 'Lucida Grande', sans-serif;
10571057
--spectrum-font-family: var(--spectrum-sans-font-family-stack);
10581058
--spectrum-font-style: var(--spectrum-default-font-style);
@@ -1068,5 +1068,4 @@
10681068
--spectrum-docs-static-black-background-color: rgba(
10691069
var(--spectrum-docs-static-black-background-color-rgb)
10701070
);
1071-
--spectrum-coach-indicator-ring-static-white-color: var(--spectrum-white);
10721071
}

0 commit comments

Comments
 (0)