npm run build build:v8 build:fallbacks build:figma

ProjectProvenance · Jun 18, 2024 · 709e93e · 709e93e
1 parent 4bcb963
commit 709e93e
Show file tree

Hide file tree

Showing 27 changed files with 819 additions and 389 deletions.
diff --git a/dist/css/functional/size/size-coarse.css b/dist/css/functional/size/size-coarse.css
@@ -0,0 +1,7 @@
+@media (pointer: coarse) {
+  :root {
+    --control-minTarget-auto: 2.75rem;
+    --controlStack-small-gap-auto: 1rem;
+    --controlStack-medium-gap-auto: 0.75rem;
+  }
+}
diff --git a/dist/css/functional/size/size-fine.css b/dist/css/functional/size/size-fine.css
@@ -0,0 +1,7 @@
+@media (pointer: fine) {
+  :root {
+    --control-minTarget-auto: 1rem;
+    --controlStack-small-gap-auto: 0.5rem;
+    --controlStack-medium-gap-auto: 0.5rem;
+  }
+}
diff --git a/dist/css/functional/themes/dark-colorblind.css b/dist/css/functional/themes/dark-colorblind.css
@@ -168,7 +168,7 @@
   --control-bgColor-disabled: #21262db3;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
-  --control-fgColor-placeholder: #484f58;
+  --control-fgColor-placeholder: #858e98;
   --control-fgColor-disabled: #6e7681;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
@@ -482,6 +482,7 @@
   --borderColor-emphasis: #484f58;
   --borderColor-disabled: #21262db3;
   --borderColor-transparent: #00000000;
+  --borderColor-translucent: #ffffff26;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;
   --borderColor-accent-muted: #388bfd66;
@@ -731,7 +732,7 @@
     --control-bgColor-disabled: #21262db3;
     --control-bgColor-selected: #161b22;
     --control-fgColor-rest: #c9d1d9;
-    --control-fgColor-placeholder: #484f58;
+    --control-fgColor-placeholder: #858e98;
     --control-fgColor-disabled: #6e7681;
     --control-borderColor-rest: #30363d;
     --control-borderColor-emphasis: #666e79;
@@ -1045,6 +1046,7 @@
     --borderColor-emphasis: #484f58;
     --borderColor-disabled: #21262db3;
     --borderColor-transparent: #00000000;
+    --borderColor-translucent: #ffffff26;
     --borderColor-neutral-muted: #6e768166;
     --borderColor-neutral-emphasis: #6e7681;
     --borderColor-accent-muted: #388bfd66;

diff --git a/dist/css/functional/themes/dark-dimmed.css b/dist/css/functional/themes/dark-dimmed.css
@@ -168,7 +168,7 @@
   --control-bgColor-disabled: #373e47b3;
   --control-bgColor-selected: #2d333b;
   --control-fgColor-rest: #adbac7;
-  --control-fgColor-placeholder: #545d68;
+  --control-fgColor-placeholder: #727f8c;
   --control-fgColor-disabled: #636e7b;
   --control-borderColor-rest: #444c56;
   --control-borderColor-emphasis: #606b77;
@@ -482,6 +482,7 @@
   --borderColor-emphasis: #545d68;
   --borderColor-disabled: #373e47b3;
   --borderColor-transparent: #00000000;
+  --borderColor-translucent: #cdd9e526;
   --borderColor-neutral-muted: #636e7b66;
   --borderColor-neutral-emphasis: #636e7b;
   --borderColor-accent-muted: #4184e466;
@@ -731,7 +732,7 @@
     --control-bgColor-disabled: #373e47b3;
     --control-bgColor-selected: #2d333b;
     --control-fgColor-rest: #adbac7;
-    --control-fgColor-placeholder: #545d68;
+    --control-fgColor-placeholder: #727f8c;
     --control-fgColor-disabled: #636e7b;
     --control-borderColor-rest: #444c56;
     --control-borderColor-emphasis: #606b77;
@@ -1045,6 +1046,7 @@
     --borderColor-emphasis: #545d68;
     --borderColor-disabled: #373e47b3;
     --borderColor-transparent: #00000000;
+    --borderColor-translucent: #cdd9e526;
     --borderColor-neutral-muted: #636e7b66;
     --borderColor-neutral-emphasis: #636e7b;
     --borderColor-accent-muted: #4184e466;

diff --git a/dist/css/functional/themes/dark-high-contrast.css b/dist/css/functional/themes/dark-high-contrast.css
@@ -168,7 +168,7 @@
   --control-bgColor-disabled: #3d424db3;
   --control-bgColor-selected: #525964;
   --control-fgColor-rest: #f0f3f6;
-  --control-fgColor-placeholder: #7a828e;
+  --control-fgColor-placeholder: #b7bec7;
   --control-fgColor-disabled: #9ea7b3;
   --control-borderColor-rest: #7a828e;
   --control-borderColor-emphasis: #7a828e;
@@ -482,6 +482,7 @@
   --borderColor-emphasis: #7a828e;
   --borderColor-disabled: #3d424db3;
   --borderColor-transparent: #00000000;
+  --borderColor-translucent: #7a828e;
   --borderColor-neutral-muted: #9ea7b3;
   --borderColor-neutral-emphasis: #9ea7b3;
   --borderColor-accent-muted: #5cacff;
@@ -731,7 +732,7 @@
     --control-bgColor-disabled: #3d424db3;
     --control-bgColor-selected: #525964;
     --control-fgColor-rest: #f0f3f6;
-    --control-fgColor-placeholder: #7a828e;
+    --control-fgColor-placeholder: #b7bec7;
     --control-fgColor-disabled: #9ea7b3;
     --control-borderColor-rest: #7a828e;
     --control-borderColor-emphasis: #7a828e;
@@ -1045,6 +1046,7 @@
     --borderColor-emphasis: #7a828e;
     --borderColor-disabled: #3d424db3;
     --borderColor-transparent: #00000000;
+    --borderColor-translucent: #7a828e;
     --borderColor-neutral-muted: #9ea7b3;
     --borderColor-neutral-emphasis: #9ea7b3;
     --borderColor-accent-muted: #5cacff;

diff --git a/dist/css/functional/themes/dark-tritanopia.css b/dist/css/functional/themes/dark-tritanopia.css
@@ -168,7 +168,7 @@
   --control-bgColor-disabled: #21262db3;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
-  --control-fgColor-placeholder: #484f58;
+  --control-fgColor-placeholder: #858e98;
   --control-fgColor-disabled: #6e7681;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
@@ -482,6 +482,7 @@
   --borderColor-emphasis: #484f58;
   --borderColor-disabled: #21262db3;
   --borderColor-transparent: #00000000;
+  --borderColor-translucent: #ffffff26;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;
   --borderColor-accent-muted: #388bfd66;
@@ -731,7 +732,7 @@
     --control-bgColor-disabled: #21262db3;
     --control-bgColor-selected: #161b22;
     --control-fgColor-rest: #c9d1d9;
-    --control-fgColor-placeholder: #484f58;
+    --control-fgColor-placeholder: #858e98;
     --control-fgColor-disabled: #6e7681;
     --control-borderColor-rest: #30363d;
     --control-borderColor-emphasis: #666e79;
@@ -1045,6 +1046,7 @@
     --borderColor-emphasis: #484f58;
     --borderColor-disabled: #21262db3;
     --borderColor-transparent: #00000000;
+    --borderColor-translucent: #ffffff26;
     --borderColor-neutral-muted: #6e768166;
     --borderColor-neutral-emphasis: #6e7681;
     --borderColor-accent-muted: #388bfd66;

diff --git a/dist/css/functional/themes/dark.css b/dist/css/functional/themes/dark.css
@@ -168,7 +168,7 @@
   --control-bgColor-disabled: #21262db3;
   --control-bgColor-selected: #161b22;
   --control-fgColor-rest: #c9d1d9;
-  --control-fgColor-placeholder: #484f58;
+  --control-fgColor-placeholder: #858e98;
   --control-fgColor-disabled: #6e7681;
   --control-borderColor-rest: #30363d;
   --control-borderColor-emphasis: #666e79;
@@ -482,6 +482,7 @@
   --borderColor-emphasis: #484f58;
   --borderColor-disabled: #21262db3;
   --borderColor-transparent: #00000000;
+  --borderColor-translucent: #ffffff26;
   --borderColor-neutral-muted: #6e768166;
   --borderColor-neutral-emphasis: #6e7681;
   --borderColor-accent-muted: #388bfd66;
@@ -731,7 +732,7 @@
     --control-bgColor-disabled: #21262db3;
     --control-bgColor-selected: #161b22;
     --control-fgColor-rest: #c9d1d9;
-    --control-fgColor-placeholder: #484f58;
+    --control-fgColor-placeholder: #858e98;
     --control-fgColor-disabled: #6e7681;
     --control-borderColor-rest: #30363d;
     --control-borderColor-emphasis: #666e79;
@@ -1045,6 +1046,7 @@
     --borderColor-emphasis: #484f58;
     --borderColor-disabled: #21262db3;
     --borderColor-transparent: #00000000;
+    --borderColor-translucent: #ffffff26;
     --borderColor-neutral-muted: #6e768166;
     --borderColor-neutral-emphasis: #6e7681;
     --borderColor-accent-muted: #388bfd66;

diff --git a/dist/css/functional/themes/light-colorblind.css b/dist/css/functional/themes/light-colorblind.css
@@ -168,7 +168,7 @@
   --control-bgColor-disabled: #eaeef2b3;
   --control-bgColor-selected: #f6f8fa;
   --control-fgColor-rest: #24292f;
-  --control-fgColor-placeholder: #6e7781;
+  --control-fgColor-placeholder: #69727c;
   --control-fgColor-disabled: #8c959f;
   --control-borderColor-rest: #d0d7de;
   --control-borderColor-emphasis: #868f99;
@@ -190,15 +190,15 @@
   --control-danger-fgColor-hover: #be4e02;
   --control-danger-bgColor-hover: #fff1e5;
   --control-danger-bgColor-active: #fff1e566;
-  --control-checked-bgColor-rest: #0969da;
-  --control-checked-bgColor-hover: #0860ca;
-  --control-checked-bgColor-active: #0757ba;
+  --control-checked-bgColor-rest: #c9f04d;
+  --control-checked-bgColor-hover: #a1cc59;
+  --control-checked-bgColor-active: #7aa866;
   --control-checked-bgColor-disabled: #8c959f;
   --control-checked-fgColor-rest: #ffffff;
   --control-checked-fgColor-disabled: #ffffff;
-  --control-checked-borderColor-rest: #0969da;
-  --control-checked-borderColor-hover: #0860ca;
-  --control-checked-borderColor-active: #0757ba;
+  --control-checked-borderColor-rest: #c9f04d;
+  --control-checked-borderColor-hover: #a1cc59;
+  --control-checked-borderColor-active: #7aa866;
   --control-checked-borderColor-disabled: #8c959f;
   --controlTrack-bgColor-rest: #eaeef2;
   --controlTrack-bgColor-hover: #dee3e8;
@@ -213,7 +213,7 @@
   --controlKnob-bgColor-checked: #ffffff;
   --controlKnob-borderColor-rest: #868f99;
   --controlKnob-borderColor-disabled: #eaeef2b3;
-  --controlKnob-borderColor-checked: #0969da;
+  --controlKnob-borderColor-checked: #c9f04d;
   --counter-borderColor: #ffffff00;
   --button-default-fgColor-rest: #24292f;
   --button-default-bgColor-rest: #f6f8fa;
@@ -256,8 +256,8 @@
   --button-outline-fgColor-active: #ffffff;
   --button-outline-fgColor-disabled: #0969da80;
   --button-outline-bgColor-rest: #f6f8fa;
-  --button-outline-bgColor-hover: #0969da;
-  --button-outline-bgColor-active: #0757ba;
+  --button-outline-bgColor-hover: #c9f04d;
+  --button-outline-bgColor-active: #7aa866;
   --button-outline-bgColor-disabled: #f6f8fa;
   --button-outline-borderColor-hover: #1f232826;
   --button-outline-borderColor-active: #1f232826;
@@ -282,9 +282,9 @@
   --buttonCounter-default-bgColor-rest: #afb8c133;
   --buttonCounter-invisible-bgColor-rest: #afb8c133;
   --buttonCounter-primary-bgColor-rest: #002d1133;
-  --buttonCounter-outline-bgColor-rest: #0969da1a;
+  --buttonCounter-outline-bgColor-rest: #c9f04d1a;
   --buttonCounter-outline-bgColor-hover: #ffffff33;
-  --buttonCounter-outline-bgColor-disabled: #0969da0d;
+  --buttonCounter-outline-bgColor-disabled: #c9f04d0d;
   --buttonCounter-outline-fgColor-rest: #0550ae;
   --buttonCounter-outline-fgColor-hover: #ffffff;
   --buttonCounter-outline-fgColor-disabled: #0969da80;
@@ -313,7 +313,7 @@
   --underlineNav-borderColor-active: #fd8c73;
   --underlineNav-borderColor-hover: #afb8c133;
   --underlineNav-iconColor-rest: #636c76;
-  --selection-bgColor: #0969da33;
+  --selection-bgColor: #c9f04d33;
   --card-bgColor: #ffffff;
   --label-green-bgColor-rest: #caf7ca;
   --label-green-bgColor-hover: #9ceda0;
@@ -459,7 +459,7 @@
   --bgColor-neutral-muted: #afb8c133;
   --bgColor-neutral-emphasis: #6e7781;
   --bgColor-accent-muted: #ddf4ff;
-  --bgColor-accent-emphasis: #0969da;
+  --bgColor-accent-emphasis: #c9f04d;
   --bgColor-success-muted: #ddf4ff;
   --bgColor-success-emphasis: #0f72e3;
   --bgColor-attention-muted: #fff8c5;
@@ -483,6 +483,7 @@
   --borderColor-emphasis: #6e7781;
   --borderColor-disabled: #eaeef2b3;
   --borderColor-transparent: #ffffff00;
+  --borderColor-translucent: #1f232826;
   --borderColor-neutral-muted: #afb8c133;
   --borderColor-neutral-emphasis: #6e7781;
   --borderColor-accent-muted: #54aeff66;
@@ -731,7 +732,7 @@
     --control-bgColor-disabled: #eaeef2b3;
     --control-bgColor-selected: #f6f8fa;
     --control-fgColor-rest: #24292f;
-    --control-fgColor-placeholder: #6e7781;
+    --control-fgColor-placeholder: #69727c;
     --control-fgColor-disabled: #8c959f;
     --control-borderColor-rest: #d0d7de;
     --control-borderColor-emphasis: #868f99;
@@ -753,15 +754,15 @@
     --control-danger-fgColor-hover: #be4e02;
     --control-danger-bgColor-hover: #fff1e5;
     --control-danger-bgColor-active: #fff1e566;
-    --control-checked-bgColor-rest: #0969da;
-    --control-checked-bgColor-hover: #0860ca;
-    --control-checked-bgColor-active: #0757ba;
+    --control-checked-bgColor-rest: #c9f04d;
+    --control-checked-bgColor-hover: #a1cc59;
+    --control-checked-bgColor-active: #7aa866;
     --control-checked-bgColor-disabled: #8c959f;
     --control-checked-fgColor-rest: #ffffff;
     --control-checked-fgColor-disabled: #ffffff;
-    --control-checked-borderColor-rest: #0969da;
-    --control-checked-borderColor-hover: #0860ca;
-    --control-checked-borderColor-active: #0757ba;
+    --control-checked-borderColor-rest: #c9f04d;
+    --control-checked-borderColor-hover: #a1cc59;
+    --control-checked-borderColor-active: #7aa866;
     --control-checked-borderColor-disabled: #8c959f;
     --controlTrack-bgColor-rest: #eaeef2;
     --controlTrack-bgColor-hover: #dee3e8;
@@ -776,7 +777,7 @@
     --controlKnob-bgColor-checked: #ffffff;
     --controlKnob-borderColor-rest: #868f99;
     --controlKnob-borderColor-disabled: #eaeef2b3;
-    --controlKnob-borderColor-checked: #0969da;
+    --controlKnob-borderColor-checked: #c9f04d;
     --counter-borderColor: #ffffff00;
     --button-default-fgColor-rest: #24292f;
     --button-default-bgColor-rest: #f6f8fa;
@@ -819,8 +820,8 @@
     --button-outline-fgColor-active: #ffffff;
     --button-outline-fgColor-disabled: #0969da80;
     --button-outline-bgColor-rest: #f6f8fa;
-    --button-outline-bgColor-hover: #0969da;
-    --button-outline-bgColor-active: #0757ba;
+    --button-outline-bgColor-hover: #c9f04d;
+    --button-outline-bgColor-active: #7aa866;
     --button-outline-bgColor-disabled: #f6f8fa;
     --button-outline-borderColor-hover: #1f232826;
     --button-outline-borderColor-active: #1f232826;
@@ -845,9 +846,9 @@
     --buttonCounter-default-bgColor-rest: #afb8c133;
     --buttonCounter-invisible-bgColor-rest: #afb8c133;
     --buttonCounter-primary-bgColor-rest: #002d1133;
-    --buttonCounter-outline-bgColor-rest: #0969da1a;
+    --buttonCounter-outline-bgColor-rest: #c9f04d1a;
     --buttonCounter-outline-bgColor-hover: #ffffff33;
-    --buttonCounter-outline-bgColor-disabled: #0969da0d;
+    --buttonCounter-outline-bgColor-disabled: #c9f04d0d;
     --buttonCounter-outline-fgColor-rest: #0550ae;
     --buttonCounter-outline-fgColor-hover: #ffffff;
     --buttonCounter-outline-fgColor-disabled: #0969da80;
@@ -876,7 +877,7 @@
     --underlineNav-borderColor-active: #fd8c73;
     --underlineNav-borderColor-hover: #afb8c133;
     --underlineNav-iconColor-rest: #636c76;
-    --selection-bgColor: #0969da33;
+    --selection-bgColor: #c9f04d33;
     --card-bgColor: #ffffff;
     --label-green-bgColor-rest: #caf7ca;
     --label-green-bgColor-hover: #9ceda0;
@@ -1022,7 +1023,7 @@
     --bgColor-neutral-muted: #afb8c133;
     --bgColor-neutral-emphasis: #6e7781;
     --bgColor-accent-muted: #ddf4ff;
-    --bgColor-accent-emphasis: #0969da;
+    --bgColor-accent-emphasis: #c9f04d;
     --bgColor-success-muted: #ddf4ff;
     --bgColor-success-emphasis: #0f72e3;
     --bgColor-attention-muted: #fff8c5;
@@ -1046,6 +1047,7 @@
     --borderColor-emphasis: #6e7781;
     --borderColor-disabled: #eaeef2b3;
     --borderColor-transparent: #ffffff00;
+    --borderColor-translucent: #1f232826;
     --borderColor-neutral-muted: #afb8c133;
     --borderColor-neutral-emphasis: #6e7781;
     --borderColor-accent-muted: #54aeff66;