@primer/primitives 7.15.9 → 7.15.10-rc.d7a91629

package/dist/scss/functional/themes/dark.scss

@@ -46,14 +46,14 @@ $avatarStack-fade-bgColor-muted: #21262d;
 $control-bgColor-rest: #21262d;
 $control-bgColor-hover: #292e36;
 $control-bgColor-active: #31363e;
-$control-bgColor-disabled: #161b22;
+$control-bgColor-disabled: #21262db3;
 $control-bgColor-selected: #161b22;
 $control-fgColor-rest: #c9d1d9;
 $control-fgColor-placeholder: #484f58;
-$control-fgColor-disabled: #8b949e;
+$control-fgColor-disabled: #6e7681;
 $control-borderColor-rest: #30363d;
 $control-borderColor-emphasis: #666e79;
-$control-borderColor-disabled: #161b22;
+$control-borderColor-disabled: #21262db3;
 $control-borderColor-selected: #f0f6fc;
 $control-borderColor-success: #238636;
 $control-borderColor-danger: #da3633;
@@ -62,7 +62,7 @@ $control-iconColor-rest: #848d97;
 $control-transparent-bgColor-rest: #00000000;
 $control-transparent-bgColor-hover: #b1bac41f;
 $control-transparent-bgColor-active: #b1bac433;
-$control-transparent-bgColor-disabled: #00000000;
+$control-transparent-bgColor-disabled: #21262db3;
 $control-transparent-bgColor-selected: #b1bac414;
 $control-transparent-borderColor-rest: #00000000;
 $control-transparent-borderColor-hover: #00000000;
@@ -74,26 +74,26 @@ $control-danger-bgColor-active: #f8514966;
 $control-checked-bgColor-rest: #1f6feb;
 $control-checked-bgColor-hover: #2a7aef;
 $control-checked-bgColor-active: #3685f3;
-$control-checked-bgColor-disabled: #8b949e;
+$control-checked-bgColor-disabled: #6e7681;
 $control-checked-fgColor-rest: #ffffff;
 $control-checked-fgColor-disabled: #010409;
 $control-checked-borderColor-rest: #1f6feb;
 $control-checked-borderColor-hover: #2a7aef;
 $control-checked-borderColor-active: #3685f3;
-$control-checked-borderColor-disabled: #8b949e;
+$control-checked-borderColor-disabled: #6e7681;
 $controlTrack-bgColor-rest: #21262d;
 $controlTrack-bgColor-hover: #292e36;
 $controlTrack-bgColor-active: #31363e;
-$controlTrack-bgColor-disabled: #8b949e;
+$controlTrack-bgColor-disabled: #6e7681;
 $controlTrack-fgColor-rest: #848d97;
 $controlTrack-fgColor-disabled: #ffffff;
 $controlTrack-borderColor-rest: #00000000;
-$controlTrack-borderColor-disabled: #8b949e;
+$controlTrack-borderColor-disabled: #6e7681;
 $controlKnob-bgColor-rest: #010409;
-$controlKnob-bgColor-disabled: #161b22;
+$controlKnob-bgColor-disabled: #21262db3;
 $controlKnob-bgColor-checked: #ffffff;
 $controlKnob-borderColor-rest: #666e79;
-$controlKnob-borderColor-disabled: #161b22;
+$controlKnob-borderColor-disabled: #21262db3;
 $controlKnob-borderColor-checked: #1f6feb;
 $counter-borderColor: #00000000;
 $button-default-fgColor-rest: #c9d1d9;
@@ -101,37 +101,37 @@ $button-default-bgColor-rest: #21262d;
 $button-default-bgColor-hover: #292e36;
 $button-default-bgColor-active: #31363e;
 $button-default-bgColor-selected: #31363e;
-$button-default-bgColor-disabled: #161b22;
+$button-default-bgColor-disabled: #21262db3;
 $button-default-borderColor-rest: #30363d;
 $button-default-borderColor-hover: #30363d;
 $button-default-borderColor-active: #30363d;
-$button-default-borderColor-disabled: #161b22;
+$button-default-borderColor-disabled: #21262db3;
 $button-default-shadow-resting: 0px 0px 0px 0px #000000;
 $button-primary-fgColor-rest: #ffffff;
-$button-primary-fgColor-disabled: #ffffff80;
+$button-primary-fgColor-disabled: #ffffffcc;
 $button-primary-iconColor-rest: #ffffff;
 $button-primary-bgColor-rest: #238636;
 $button-primary-bgColor-hover: #29903b;
 $button-primary-bgColor-active: #2e9a40;
-$button-primary-bgColor-disabled: #46bf57;
+$button-primary-bgColor-disabled: #77c982;
 $button-primary-borderColor-rest: #f0f6fc1a;
 $button-primary-borderColor-hover: #f0f6fc1a;
 $button-primary-borderColor-active: #f0f6fc1a;
-$button-primary-borderColor-disabled: #46bf57;
+$button-primary-borderColor-disabled: #77c982;
 $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
 $button-invisible-fgColor-rest: #4493f8;
 $button-invisible-fgColor-hover: #58a6ff;
-$button-invisible-fgColor-disabled: #8b949e;
+$button-invisible-fgColor-disabled: #6e7681;
 $button-invisible-iconColor-rest: #848d97;
 $button-invisible-iconColor-hover: #e6edf3;
-$button-invisible-iconColor-disabled: #8b949e;
+$button-invisible-iconColor-disabled: #6e7681;
 $button-invisible-bgColor-rest: #00000000;
 $button-invisible-bgColor-hover: #b1bac41f;
 $button-invisible-bgColor-active: #b1bac433;
-$button-invisible-bgColor-disabled: #00000000;
+$button-invisible-bgColor-disabled: #21262db3;
 $button-invisible-borderColor-rest: #00000000;
 $button-invisible-borderColor-hover: #00000000;
-$button-invisible-borderColor-disabled: #161b22;
+$button-invisible-borderColor-disabled: #21262db3;
 $button-outline-fgColor-rest: #388bfd;
 $button-outline-fgColor-hover: #58a6ff;
 $button-outline-fgColor-active: #ffffff;
@@ -152,7 +152,7 @@ $button-danger-iconColor-hover: #ffffff;
 $button-danger-bgColor-rest: #21262d;
 $button-danger-bgColor-hover: #b62324;
 $button-danger-bgColor-active: #d03533;
-$button-danger-bgColor-disabled: #161b22;
+$button-danger-bgColor-disabled: #21262db3;
 $button-danger-borderColor-rest: #30363d;
 $button-danger-borderColor-hover: #f0f6fc1a;
 $button-danger-borderColor-active: #f0f6fc1a;
@@ -177,7 +177,7 @@ $buttonCounter-danger-fgColor-disabled: #f8514980;
 $focus-outlineColor: #1f6feb;
 $menu-bgColor-active: #161b22;
 $overlay-bgColor: #161b22;
-$overlay-borderColor: #30363d;
+$overlay-borderColor: #30363db3;
 $overlay-backdrop-bgColor: #161b2266;
 $selectMenu-borderColor: #484f58;
 $selectMenu-bgColor-active: #0c2d6b;
@@ -192,7 +192,7 @@ $selection-bgColor: #4493f833;
 $fgColor-default: #e6edf3;
 $fgColor-muted: #848d97;
 $fgColor-onEmphasis: #ffffff;
-$fgColor-disabled: #8b949e;
+$fgColor-disabled: #6e7681;
 $fgColor-link: #4493f8;
 $fgColor-neutral: #6e7681;
 $fgColor-accent: #4493f8;
@@ -209,7 +209,7 @@ $bgColor-muted: #161b22;
 $bgColor-inset: #010409;
 $bgColor-emphasis: #6e7681;
 $bgColor-inverse: #ffffff;
-$bgColor-disabled: #161b22;
+$bgColor-disabled: #21262db3;
 $bgColor-transparent: #00000000;
 $bgColor-neutral-muted: #6e768166;
 $bgColor-neutral-emphasis: #6e7681;
@@ -234,7 +234,7 @@ $bgColor-sponsors-emphasis: #bf4b8a;
 $borderColor-default: #30363d;
 $borderColor-muted: #30363db3;
 $borderColor-emphasis: #484f58;
-$borderColor-disabled: #161b22;
+$borderColor-disabled: #21262db3;
 $borderColor-transparent: #00000000;
 $borderColor-neutral-muted: #6e768166;
 $borderColor-neutral-emphasis: #6e7681;

package/dist/scss/functional/themes/light-colorblind.scss

@@ -46,14 +46,14 @@ $avatarStack-fade-bgColor-muted: #d0d7de;
 $control-bgColor-rest: #f6f8fa;
 $control-bgColor-hover: #eef1f4;
 $control-bgColor-active: #e7ebef;
-$control-bgColor-disabled: #f6f8fa;
+$control-bgColor-disabled: #eaeef2b3;
 $control-bgColor-selected: #f6f8fa;
 $control-fgColor-rest: #24292f;
 $control-fgColor-placeholder: #6e7781;
 $control-fgColor-disabled: #8c959f;
 $control-borderColor-rest: #d0d7de;
 $control-borderColor-emphasis: #868f99;
-$control-borderColor-disabled: #f6f8fa;
+$control-borderColor-disabled: #eaeef2b3;
 $control-borderColor-selected: #f6f8fa;
 $control-borderColor-success: #218bff;
 $control-borderColor-danger: #bc4c00;
@@ -62,7 +62,7 @@ $control-iconColor-rest: #636c76;
 $control-transparent-bgColor-rest: #ffffff00;
 $control-transparent-bgColor-hover: #d0d7de33;
 $control-transparent-bgColor-active: #d0d7de66;
-$control-transparent-bgColor-disabled: #ffffff00;
+$control-transparent-bgColor-disabled: #eaeef2b3;
 $control-transparent-bgColor-selected: #d0d7de33;
 $control-transparent-borderColor-rest: #ffffff00;
 $control-transparent-borderColor-hover: #ffffff00;
@@ -90,10 +90,10 @@ $controlTrack-fgColor-disabled: #ffffff;
 $controlTrack-borderColor-rest: #ffffff00;
 $controlTrack-borderColor-disabled: #8c959f;
 $controlKnob-bgColor-rest: #ffffff;
-$controlKnob-bgColor-disabled: #f6f8fa;
+$controlKnob-bgColor-disabled: #eaeef2b3;
 $controlKnob-bgColor-checked: #ffffff;
 $controlKnob-borderColor-rest: #868f99;
-$controlKnob-borderColor-disabled: #f6f8fa;
+$controlKnob-borderColor-disabled: #eaeef2b3;
 $controlKnob-borderColor-checked: #0969da;
 $counter-borderColor: #ffffff00;
 $button-default-fgColor-rest: #24292f;
@@ -101,11 +101,11 @@ $button-default-bgColor-rest: #f6f8fa;
 $button-default-bgColor-hover: #eef1f4;
 $button-default-bgColor-active: #e7ebef;
 $button-default-bgColor-selected: #e7ebef;
-$button-default-bgColor-disabled: #f6f8fa;
+$button-default-bgColor-disabled: #eaeef2b3;
 $button-default-borderColor-rest: #d0d7de;
 $button-default-borderColor-hover: #d0d7de;
 $button-default-borderColor-active: #d0d7de;
-$button-default-borderColor-disabled: #f6f8fa;
+$button-default-borderColor-disabled: #eaeef2b3;
 $button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
 $button-primary-fgColor-rest: #ffffff;
 $button-primary-fgColor-disabled: #ffffffcc;
@@ -128,10 +128,10 @@ $button-invisible-iconColor-disabled: #8c959f;
 $button-invisible-bgColor-rest: #ffffff00;
 $button-invisible-bgColor-hover: #d0d7de33;
 $button-invisible-bgColor-active: #d0d7de66;
-$button-invisible-bgColor-disabled: #ffffff00;
+$button-invisible-bgColor-disabled: #eaeef2b3;
 $button-invisible-borderColor-rest: #ffffff00;
 $button-invisible-borderColor-hover: #ffffff00;
-$button-invisible-borderColor-disabled: #f6f8fa;
+$button-invisible-borderColor-disabled: #eaeef2b3;
 $button-outline-fgColor-rest: #0969da;
 $button-outline-fgColor-hover: #ffffff;
 $button-outline-fgColor-active: #ffffff;
@@ -152,7 +152,7 @@ $button-danger-iconColor-hover: #ffffff;
 $button-danger-bgColor-rest: #f6f8fa;
 $button-danger-bgColor-hover: #953800;
 $button-danger-bgColor-active: #7e2f00;
-$button-danger-bgColor-disabled: #f6f8fa;
+$button-danger-bgColor-disabled: #eaeef2b3;
 $button-danger-borderColor-rest: #d0d7de;
 $button-danger-borderColor-hover: #1f232826;
 $button-danger-borderColor-active: #1f232826;
@@ -178,7 +178,7 @@ $focus-outlineColor: #0969da;
 $focus-outline: #0969da solid 2px;
 $menu-bgColor-active: #ffffff00;
 $overlay-bgColor: #ffffff;
-$overlay-borderColor: #ffffff00;
+$overlay-borderColor: #d0d7de80;
 $overlay-backdrop-bgColor: #8c959f33;
 $selectMenu-borderColor: #ffffff00;
 $selectMenu-bgColor-active: #b6e3ff;
@@ -210,7 +210,7 @@ $bgColor-muted: #f6f8fa;
 $bgColor-inset: #f6f8fa;
 $bgColor-emphasis: #24292f;
 $bgColor-inverse: #24292f;
-$bgColor-disabled: #f6f8fa;
+$bgColor-disabled: #eaeef2b3;
 $bgColor-transparent: #ffffff00;
 $bgColor-neutral-muted: #afb8c133;
 $bgColor-neutral-emphasis: #6e7781;
@@ -235,7 +235,7 @@ $bgColor-sponsors-emphasis: #bf3989;
 $borderColor-default: #d0d7de;
 $borderColor-muted: #d0d7deb3;
 $borderColor-emphasis: #6e7781;
-$borderColor-disabled: #f6f8fa;
+$borderColor-disabled: #eaeef2b3;
 $borderColor-transparent: #ffffff00;
 $borderColor-neutral-muted: #afb8c133;
 $borderColor-neutral-emphasis: #6e7781;
@@ -401,7 +401,7 @@ $shadow-inset: inset 0px 1px 0px 0px #1f23280a;
 $shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
 $shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
 $shadow-resting-medium: 0px 3px 6px 0px #424a531f;
-$shadow-floating-small: 0px 0px 0px 1px #ffffff, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
-$shadow-floating-medium: 0px 0px 0px 1px #ffffff, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
-$shadow-floating-large: 0px 0px 0px 1px #ffffff, 0px 40px 80px 0px #424a533d;
-$shadow-floating-xlarge: 0px 0px 0px 1px #ffffff, 0px 56px 112px 0px #424a5352;
+$shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+$shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+$shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
+$shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;

package/dist/scss/functional/themes/light-high-contrast.scss

@@ -46,14 +46,14 @@ $avatarStack-fade-bgColor-muted: #ced5dc;
 $control-bgColor-rest: #e7ecf0;
 $control-bgColor-hover: #dbe1e6;
 $control-bgColor-active: #cfd6dd;
-$control-bgColor-disabled: #e7ecf0;
+$control-bgColor-disabled: #ced5dcb3;
 $control-bgColor-selected: #acb6c0;
 $control-fgColor-rest: #0e1116;
 $control-fgColor-placeholder: #66707b;
-$control-fgColor-disabled: #4b535d;
+$control-fgColor-disabled: #66707b;
 $control-borderColor-rest: #20252c;
 $control-borderColor-emphasis: #20252c;
-$control-borderColor-disabled: #e7ecf0;
+$control-borderColor-disabled: #ced5dcb3;
 $control-borderColor-selected: #ffffff;
 $control-borderColor-success: #055d20;
 $control-borderColor-danger: #a0111f;
@@ -62,7 +62,7 @@ $control-iconColor-rest: #0e1116;
 $control-transparent-bgColor-rest: #ffffff00;
 $control-transparent-bgColor-hover: #e7ecf0;
 $control-transparent-bgColor-active: #ced5dc;
-$control-transparent-bgColor-disabled: #ffffff00;
+$control-transparent-bgColor-disabled: #ced5dcb3;
 $control-transparent-bgColor-selected: #ced5dc33;
 $control-transparent-borderColor-rest: #ffffff00;
 $control-transparent-borderColor-hover: #20252c;
@@ -74,26 +74,26 @@ $control-danger-bgColor-active: #8c0b1d;
 $control-checked-bgColor-rest: #0349b4;
 $control-checked-bgColor-hover: #0344a8;
 $control-checked-bgColor-active: #033f9d;
-$control-checked-bgColor-disabled: #4b535d;
+$control-checked-bgColor-disabled: #66707b;
 $control-checked-fgColor-rest: #ffffff;
 $control-checked-fgColor-disabled: #ffffff;
 $control-checked-borderColor-rest: #0349b4;
 $control-checked-borderColor-hover: #0344a8;
 $control-checked-borderColor-active: #033f9d;
-$control-checked-borderColor-disabled: #4b535d;
+$control-checked-borderColor-disabled: #66707b;
 $controlTrack-bgColor-rest: #acb6c0;
 $controlTrack-bgColor-hover: #9ea8b2;
 $controlTrack-bgColor-active: #909aa4;
-$controlTrack-bgColor-disabled: #4b535d;
+$controlTrack-bgColor-disabled: #66707b;
 $controlTrack-fgColor-rest: #010409;
 $controlTrack-fgColor-disabled: #ffffff;
 $controlTrack-borderColor-rest: #ffffff00;
-$controlTrack-borderColor-disabled: #4b535d;
+$controlTrack-borderColor-disabled: #66707b;
 $controlKnob-bgColor-rest: #ffffff;
-$controlKnob-bgColor-disabled: #e7ecf0;
+$controlKnob-bgColor-disabled: #ced5dcb3;
 $controlKnob-bgColor-checked: #ffffff;
 $controlKnob-borderColor-rest: #20252c;
-$controlKnob-borderColor-disabled: #e7ecf0;
+$controlKnob-borderColor-disabled: #ced5dcb3;
 $controlKnob-borderColor-checked: #0349b4;
 $counter-borderColor: #20252c;
 $button-default-fgColor-rest: #0e1116;
@@ -101,11 +101,11 @@ $button-default-bgColor-rest: #e7ecf0;
 $button-default-bgColor-hover: #dbe1e6;
 $button-default-bgColor-active: #cfd6dd;
 $button-default-bgColor-selected: #cfd6dd;
-$button-default-bgColor-disabled: #e7ecf0;
+$button-default-bgColor-disabled: #ced5dcb3;
 $button-default-borderColor-rest: #20252c;
 $button-default-borderColor-hover: #20252c;
 $button-default-borderColor-active: #20252c;
-$button-default-borderColor-disabled: #e7ecf0;
+$button-default-borderColor-disabled: #ced5dcb3;
 $button-default-shadow-resting: 0px 1px 0px 0px #0104090a;
 $button-primary-fgColor-rest: #ffffff;
 $button-primary-fgColor-disabled: #ffffffcc;
@@ -121,17 +121,17 @@ $button-primary-borderColor-disabled: #85cb97;
 $button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
 $button-invisible-fgColor-rest: #023b95;
 $button-invisible-fgColor-hover: #67b3fd;
-$button-invisible-fgColor-disabled: #4b535d;
+$button-invisible-fgColor-disabled: #66707b;
 $button-invisible-iconColor-rest: #0e1116;
 $button-invisible-iconColor-hover: #ffffff;
-$button-invisible-iconColor-disabled: #4b535d;
+$button-invisible-iconColor-disabled: #66707b;
 $button-invisible-bgColor-rest: #ffffff00;
 $button-invisible-bgColor-hover: #20252c;
 $button-invisible-bgColor-active: #4b535d;
-$button-invisible-bgColor-disabled: #ffffff00;
+$button-invisible-bgColor-disabled: #ced5dcb3;
 $button-invisible-borderColor-rest: #ffffff00;
 $button-invisible-borderColor-hover: #20252c;
-$button-invisible-borderColor-disabled: #e7ecf0;
+$button-invisible-borderColor-disabled: #ced5dcb3;
 $button-outline-fgColor-rest: #023b95;
 $button-outline-fgColor-hover: #ffffff;
 $button-outline-fgColor-active: #ffffff;
@@ -152,7 +152,7 @@ $button-danger-iconColor-hover: #ffffff;
 $button-danger-bgColor-rest: #e7ecf0;
 $button-danger-bgColor-hover: #86061d;
 $button-danger-bgColor-active: #74041a;
-$button-danger-bgColor-disabled: #e7ecf0;
+$button-danger-bgColor-disabled: #ced5dcb3;
 $button-danger-borderColor-rest: #20252c;
 $button-danger-borderColor-hover: #01040926;
 $button-danger-borderColor-active: #01040926;
@@ -178,7 +178,7 @@ $focus-outlineColor: #0349b4;
 $focus-outline: #0349b4 solid 2px;
 $menu-bgColor-active: #ffffff00;
 $overlay-bgColor: #ffffff;
-$overlay-borderColor: #20252c;
+$overlay-borderColor: #88929d80;
 $overlay-backdrop-bgColor: #88929d33;
 $selectMenu-borderColor: #ffffff00;
 $selectMenu-bgColor-active: #9cd7ff;
@@ -193,7 +193,7 @@ $selection-bgColor: #023b951a;
 $fgColor-default: #010409;
 $fgColor-muted: #0e1116;
 $fgColor-onEmphasis: #ffffff;
-$fgColor-disabled: #4b535d;
+$fgColor-disabled: #66707b;
 $fgColor-link: #023b95;
 $fgColor-neutral: #66707b;
 $fgColor-accent: #023b95;
@@ -210,7 +210,7 @@ $bgColor-muted: #e7ecf0;
 $bgColor-inset: #ffffff;
 $bgColor-emphasis: #0e1116;
 $bgColor-inverse: #0e1116;
-$bgColor-disabled: #e7ecf0;
+$bgColor-disabled: #ced5dcb3;
 $bgColor-transparent: #ffffff00;
 $bgColor-neutral-muted: #e7ecf0;
 $bgColor-neutral-emphasis: #66707b;
@@ -235,7 +235,7 @@ $bgColor-sponsors-emphasis: #971368;
 $borderColor-default: #20252c;
 $borderColor-muted: #88929d;
 $borderColor-emphasis: #66707b;
-$borderColor-disabled: #e7ecf0;
+$borderColor-disabled: #ced5dcb3;
 $borderColor-transparent: #ffffff00;
 $borderColor-neutral-muted: #88929d;
 $borderColor-neutral-emphasis: #66707b;
@@ -401,7 +401,7 @@ $shadow-inset: inset 0px 1px 0px 0px #0104090a;
 $shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
 $shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914;
 $shadow-resting-medium: 0px 3px 6px 0px #343b431f;
-$shadow-floating-small: 0px 0px 0px 1px #20252c, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
-$shadow-floating-medium: 0px 0px 0px 1px #20252c, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
-$shadow-floating-large: 0px 0px 0px 1px #20252c, 0px 40px 80px 0px #343b433d;
-$shadow-floating-xlarge: 0px 0px 0px 1px #20252c, 0px 56px 112px 0px #343b4352;
+$shadow-floating-small: 0px 0px 0px 1px #88929d80, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f;
+$shadow-floating-medium: 0px 0px 0px 1px #88929d, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314;
+$shadow-floating-large: 0px 0px 0px 1px #88929d, 0px 40px 80px 0px #343b433d;
+$shadow-floating-xlarge: 0px 0px 0px 1px #88929d, 0px 56px 112px 0px #343b4352;

package/dist/scss/functional/themes/light-tritanopia.scss

@@ -46,14 +46,14 @@ $avatarStack-fade-bgColor-muted: #d0d7de;
 $control-bgColor-rest: #f6f8fa;
 $control-bgColor-hover: #eef1f4;
 $control-bgColor-active: #e7ebef;
-$control-bgColor-disabled: #f6f8fa;
+$control-bgColor-disabled: #eaeef2b3;
 $control-bgColor-selected: #f6f8fa;
 $control-fgColor-rest: #24292f;
 $control-fgColor-placeholder: #6e7781;
 $control-fgColor-disabled: #8c959f;
 $control-borderColor-rest: #d0d7de;
 $control-borderColor-emphasis: #868f99;
-$control-borderColor-disabled: #f6f8fa;
+$control-borderColor-disabled: #eaeef2b3;
 $control-borderColor-selected: #f6f8fa;
 $control-borderColor-success: #218bff;
 $control-borderColor-danger: #cf222e;
@@ -62,7 +62,7 @@ $control-iconColor-rest: #636c76;
 $control-transparent-bgColor-rest: #ffffff00;
 $control-transparent-bgColor-hover: #d0d7de33;
 $control-transparent-bgColor-active: #d0d7de66;
-$control-transparent-bgColor-disabled: #ffffff00;
+$control-transparent-bgColor-disabled: #eaeef2b3;
 $control-transparent-bgColor-selected: #d0d7de33;
 $control-transparent-borderColor-rest: #ffffff00;
 $control-transparent-borderColor-hover: #ffffff00;
@@ -90,10 +90,10 @@ $controlTrack-fgColor-disabled: #ffffff;
 $controlTrack-borderColor-rest: #ffffff00;
 $controlTrack-borderColor-disabled: #8c959f;
 $controlKnob-bgColor-rest: #ffffff;
-$controlKnob-bgColor-disabled: #f6f8fa;
+$controlKnob-bgColor-disabled: #eaeef2b3;
 $controlKnob-bgColor-checked: #ffffff;
 $controlKnob-borderColor-rest: #868f99;
-$controlKnob-borderColor-disabled: #f6f8fa;
+$controlKnob-borderColor-disabled: #eaeef2b3;
 $controlKnob-borderColor-checked: #0969da;
 $counter-borderColor: #ffffff00;
 $button-default-fgColor-rest: #24292f;
@@ -101,11 +101,11 @@ $button-default-bgColor-rest: #f6f8fa;
 $button-default-bgColor-hover: #eef1f4;
 $button-default-bgColor-active: #e7ebef;
 $button-default-bgColor-selected: #e7ebef;
-$button-default-bgColor-disabled: #f6f8fa;
+$button-default-bgColor-disabled: #eaeef2b3;
 $button-default-borderColor-rest: #d0d7de;
 $button-default-borderColor-hover: #d0d7de;
 $button-default-borderColor-active: #d0d7de;
-$button-default-borderColor-disabled: #f6f8fa;
+$button-default-borderColor-disabled: #eaeef2b3;
 $button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
 $button-primary-fgColor-rest: #ffffff;
 $button-primary-fgColor-disabled: #ffffffcc;
@@ -128,10 +128,10 @@ $button-invisible-iconColor-disabled: #8c959f;
 $button-invisible-bgColor-rest: #ffffff00;
 $button-invisible-bgColor-hover: #d0d7de33;
 $button-invisible-bgColor-active: #d0d7de66;
-$button-invisible-bgColor-disabled: #ffffff00;
+$button-invisible-bgColor-disabled: #eaeef2b3;
 $button-invisible-borderColor-rest: #ffffff00;
 $button-invisible-borderColor-hover: #ffffff00;
-$button-invisible-borderColor-disabled: #f6f8fa;
+$button-invisible-borderColor-disabled: #eaeef2b3;
 $button-outline-fgColor-rest: #0969da;
 $button-outline-fgColor-hover: #ffffff;
 $button-outline-fgColor-active: #ffffff;
@@ -152,7 +152,7 @@ $button-danger-iconColor-hover: #ffffff;
 $button-danger-bgColor-rest: #f6f8fa;
 $button-danger-bgColor-hover: #a40e26;
 $button-danger-bgColor-active: #8b0820;
-$button-danger-bgColor-disabled: #f6f8fa;
+$button-danger-bgColor-disabled: #eaeef2b3;
 $button-danger-borderColor-rest: #d0d7de;
 $button-danger-borderColor-hover: #1f232826;
 $button-danger-borderColor-active: #1f232826;
@@ -178,7 +178,7 @@ $focus-outlineColor: #0969da;
 $focus-outline: #0969da solid 2px;
 $menu-bgColor-active: #ffffff00;
 $overlay-bgColor: #ffffff;
-$overlay-borderColor: #ffffff00;
+$overlay-borderColor: #d0d7de80;
 $overlay-backdrop-bgColor: #8c959f33;
 $selectMenu-borderColor: #ffffff00;
 $selectMenu-bgColor-active: #b6e3ff;
@@ -210,7 +210,7 @@ $bgColor-muted: #f6f8fa;
 $bgColor-inset: #f6f8fa;
 $bgColor-emphasis: #24292f;
 $bgColor-inverse: #24292f;
-$bgColor-disabled: #f6f8fa;
+$bgColor-disabled: #eaeef2b3;
 $bgColor-transparent: #ffffff00;
 $bgColor-neutral-muted: #afb8c133;
 $bgColor-neutral-emphasis: #6e7781;
@@ -235,7 +235,7 @@ $bgColor-sponsors-emphasis: #bf3989;
 $borderColor-default: #d0d7de;
 $borderColor-muted: #d0d7deb3;
 $borderColor-emphasis: #6e7781;
-$borderColor-disabled: #f6f8fa;
+$borderColor-disabled: #eaeef2b3;
 $borderColor-transparent: #ffffff00;
 $borderColor-neutral-muted: #afb8c133;
 $borderColor-neutral-emphasis: #6e7781;
@@ -401,7 +401,7 @@ $shadow-inset: inset 0px 1px 0px 0px #1f23280a;
 $shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
 $shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
 $shadow-resting-medium: 0px 3px 6px 0px #424a531f;
-$shadow-floating-small: 0px 0px 0px 1px #ffffff, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
-$shadow-floating-medium: 0px 0px 0px 1px #ffffff, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
-$shadow-floating-large: 0px 0px 0px 1px #ffffff, 0px 40px 80px 0px #424a533d;
-$shadow-floating-xlarge: 0px 0px 0px 1px #ffffff, 0px 56px 112px 0px #424a5352;
+$shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+$shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+$shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
+$shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;

package/dist/scss/functional/themes/light.scss

@@ -46,14 +46,14 @@ $avatarStack-fade-bgColor-muted: #d0d7de;
 $control-bgColor-rest: #f6f8fa;
 $control-bgColor-hover: #eef1f4;
 $control-bgColor-active: #e7ebef;
-$control-bgColor-disabled: #f6f8fa;
+$control-bgColor-disabled: #eaeef2b3;
 $control-bgColor-selected: #f6f8fa;
 $control-fgColor-rest: #24292f;
 $control-fgColor-placeholder: #6e7781;
 $control-fgColor-disabled: #8c959f;
 $control-borderColor-rest: #d0d7de;
 $control-borderColor-emphasis: #868f99;
-$control-borderColor-disabled: #f6f8fa;
+$control-borderColor-disabled: #eaeef2b3;
 $control-borderColor-selected: #f6f8fa;
 $control-borderColor-success: #1a7f37;
 $control-borderColor-danger: #cf222e;
@@ -62,7 +62,7 @@ $control-iconColor-rest: #636c76;
 $control-transparent-bgColor-rest: #ffffff00;
 $control-transparent-bgColor-hover: #d0d7de33;
 $control-transparent-bgColor-active: #d0d7de66;
-$control-transparent-bgColor-disabled: #ffffff00;
+$control-transparent-bgColor-disabled: #eaeef2b3;
 $control-transparent-bgColor-selected: #d0d7de33;
 $control-transparent-borderColor-rest: #ffffff00;
 $control-transparent-borderColor-hover: #ffffff00;
@@ -90,10 +90,10 @@ $controlTrack-fgColor-disabled: #ffffff;
 $controlTrack-borderColor-rest: #ffffff00;
 $controlTrack-borderColor-disabled: #8c959f;
 $controlKnob-bgColor-rest: #ffffff;
-$controlKnob-bgColor-disabled: #f6f8fa;
+$controlKnob-bgColor-disabled: #eaeef2b3;
 $controlKnob-bgColor-checked: #ffffff;
 $controlKnob-borderColor-rest: #868f99;
-$controlKnob-borderColor-disabled: #f6f8fa;
+$controlKnob-borderColor-disabled: #eaeef2b3;
 $controlKnob-borderColor-checked: #0969da;
 $counter-borderColor: #ffffff00;
 $button-default-fgColor-rest: #24292f;
@@ -101,11 +101,11 @@ $button-default-bgColor-rest: #f6f8fa;
 $button-default-bgColor-hover: #eef1f4;
 $button-default-bgColor-active: #e7ebef;
 $button-default-bgColor-selected: #e7ebef;
-$button-default-bgColor-disabled: #f6f8fa;
+$button-default-bgColor-disabled: #eaeef2b3;
 $button-default-borderColor-rest: #d0d7de;
 $button-default-borderColor-hover: #d0d7de;
 $button-default-borderColor-active: #d0d7de;
-$button-default-borderColor-disabled: #f6f8fa;
+$button-default-borderColor-disabled: #eaeef2b3;
 $button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
 $button-primary-fgColor-rest: #ffffff;
 $button-primary-fgColor-disabled: #ffffffcc;
@@ -128,10 +128,10 @@ $button-invisible-iconColor-disabled: #8c959f;
 $button-invisible-bgColor-rest: #ffffff00;
 $button-invisible-bgColor-hover: #d0d7de33;
 $button-invisible-bgColor-active: #d0d7de66;
-$button-invisible-bgColor-disabled: #ffffff00;
+$button-invisible-bgColor-disabled: #eaeef2b3;
 $button-invisible-borderColor-rest: #ffffff00;
 $button-invisible-borderColor-hover: #ffffff00;
-$button-invisible-borderColor-disabled: #f6f8fa;
+$button-invisible-borderColor-disabled: #eaeef2b3;
 $button-outline-fgColor-rest: #0969da;
 $button-outline-fgColor-hover: #ffffff;
 $button-outline-fgColor-active: #ffffff;
@@ -152,7 +152,7 @@ $button-danger-iconColor-hover: #ffffff;
 $button-danger-bgColor-rest: #f6f8fa;
 $button-danger-bgColor-hover: #a40e26;
 $button-danger-bgColor-active: #8b0820;
-$button-danger-bgColor-disabled: #f6f8fa;
+$button-danger-bgColor-disabled: #eaeef2b3;
 $button-danger-borderColor-rest: #d0d7de;
 $button-danger-borderColor-hover: #1f232826;
 $button-danger-borderColor-active: #1f232826;
@@ -178,7 +178,7 @@ $focus-outlineColor: #0969da;
 $focus-outline: #0969da solid 2px;
 $menu-bgColor-active: #ffffff00;
 $overlay-bgColor: #ffffff;
-$overlay-borderColor: #ffffff00;
+$overlay-borderColor: #d0d7de80;
 $overlay-backdrop-bgColor: #8c959f33;
 $selectMenu-borderColor: #ffffff00;
 $selectMenu-bgColor-active: #b6e3ff;
@@ -210,7 +210,7 @@ $bgColor-muted: #f6f8fa;
 $bgColor-inset: #f6f8fa;
 $bgColor-emphasis: #24292f;
 $bgColor-inverse: #24292f;
-$bgColor-disabled: #f6f8fa;
+$bgColor-disabled: #eaeef2b3;
 $bgColor-transparent: #ffffff00;
 $bgColor-neutral-muted: #afb8c133;
 $bgColor-neutral-emphasis: #6e7781;
@@ -235,7 +235,7 @@ $bgColor-sponsors-emphasis: #bf3989;
 $borderColor-default: #d0d7de;
 $borderColor-muted: #d0d7deb3;
 $borderColor-emphasis: #6e7781;
-$borderColor-disabled: #f6f8fa;
+$borderColor-disabled: #eaeef2b3;
 $borderColor-transparent: #ffffff00;
 $borderColor-neutral-muted: #afb8c133;
 $borderColor-neutral-emphasis: #6e7781;
@@ -401,7 +401,7 @@ $shadow-inset: inset 0px 1px 0px 0px #1f23280a;
 $shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
 $shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814;
 $shadow-resting-medium: 0px 3px 6px 0px #424a531f;
-$shadow-floating-small: 0px 0px 0px 1px #ffffff, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
-$shadow-floating-medium: 0px 0px 0px 1px #ffffff, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
-$shadow-floating-large: 0px 0px 0px 1px #ffffff, 0px 40px 80px 0px #424a533d;
-$shadow-floating-xlarge: 0px 0px 0px 1px #ffffff, 0px 56px 112px 0px #424a5352;
+$shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
+$shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
+$shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
+$shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.15.9",
+  "version": "7.15.10-rc.d7a91629",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",