@primer/primitives 7.15.5-rc.dcac358 → 7.15.6-rc.3d0e1ea

package/dist/css/functional/themes/dark-tritanopia.css

@@ -1,5 +1,7 @@
 [data-color-mode="dark"][data-dark-theme="dark_tritanopia"],
-[data-color-mode="auto"][data-light-theme="dark_tritanopia"] {
+[data-color-mode="dark"][data-dark-theme="dark_tritanopia"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="dark_tritanopia"],
+[data-color-mode="auto"][data-light-theme="dark_tritanopia"] ::backdrop {
   --topicTag-borderColor: #00000000;
   --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
@@ -41,7 +43,7 @@
   --headerSearch-bgColor: #0d1117;
   --headerSearch-borderColor: #30363d;
   --avatar-bgColor: #ffffff1a;
-  --avatar-borderColor: #30363d66;
+  --avatar-borderColor: #30363d80;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;
   --avatarStack-fade-bgColor-default: #30363d;
   --avatarStack-fade-bgColor-muted: #21262d;
@@ -244,7 +246,7 @@
   --bgColor-sponsors-muted: #db61a21a;
   --bgColor-sponsors-emphasis: #bf4b8a;
   --borderColor-default: #30363d;
-  --borderColor-muted: #30363d66;
+  --borderColor-muted: #30363d80;
   --borderColor-emphasis: #484f58;
   --borderColor-disabled: #161b22;
   --borderColor-transparent: #00000000;
@@ -419,7 +421,8 @@
   --outline-focus: #1f6feb solid 2px;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"] {
+  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
+  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"] ::backdrop {
     --topicTag-borderColor: #00000000;
     --highlight-neutral-bgColor: #d2992266;
     --page-header-bgColor: #0d1117;
@@ -461,7 +464,7 @@
     --headerSearch-bgColor: #0d1117;
     --headerSearch-borderColor: #30363d;
     --avatar-bgColor: #ffffff1a;
-    --avatar-borderColor: #30363d66;
+    --avatar-borderColor: #30363d80;
     --avatar-shadow: 0px 0px 0px 2px #0d1117;
     --avatarStack-fade-bgColor-default: #30363d;
     --avatarStack-fade-bgColor-muted: #21262d;
@@ -664,7 +667,7 @@
     --bgColor-sponsors-muted: #db61a21a;
     --bgColor-sponsors-emphasis: #bf4b8a;
     --borderColor-default: #30363d;
-    --borderColor-muted: #30363d66;
+    --borderColor-muted: #30363d80;
     --borderColor-emphasis: #484f58;
     --borderColor-disabled: #161b22;
     --borderColor-transparent: #00000000;

package/dist/css/functional/themes/dark.css

@@ -1,5 +1,7 @@
 [data-color-mode="dark"][data-dark-theme="dark"],
-[data-color-mode="auto"][data-light-theme="dark"] {
+[data-color-mode="dark"][data-dark-theme="dark"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="dark"],
+[data-color-mode="auto"][data-light-theme="dark"] ::backdrop {
   --topicTag-borderColor: #00000000;
   --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
@@ -41,7 +43,7 @@
   --headerSearch-bgColor: #0d1117;
   --headerSearch-borderColor: #30363d;
   --avatar-bgColor: #ffffff1a;
-  --avatar-borderColor: #30363d66;
+  --avatar-borderColor: #30363d80;
   --avatar-shadow: 0px 0px 0px 2px #0d1117;
   --avatarStack-fade-bgColor-default: #30363d;
   --avatarStack-fade-bgColor-muted: #21262d;
@@ -244,7 +246,7 @@
   --bgColor-sponsors-muted: #db61a21a;
   --bgColor-sponsors-emphasis: #bf4b8a;
   --borderColor-default: #30363d;
-  --borderColor-muted: #30363d66;
+  --borderColor-muted: #30363d80;
   --borderColor-emphasis: #484f58;
   --borderColor-disabled: #161b22;
   --borderColor-transparent: #00000000;
@@ -419,7 +421,8 @@
   --outline-focus: #1f6feb solid 2px;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="dark"] {
+  [data-color-mode="auto"][data-dark-theme="dark"],
+  [data-color-mode="auto"][data-dark-theme="dark"] ::backdrop {
     --topicTag-borderColor: #00000000;
     --highlight-neutral-bgColor: #d2992266;
     --page-header-bgColor: #0d1117;
@@ -461,7 +464,7 @@
     --headerSearch-bgColor: #0d1117;
     --headerSearch-borderColor: #30363d;
     --avatar-bgColor: #ffffff1a;
-    --avatar-borderColor: #30363d66;
+    --avatar-borderColor: #30363d80;
     --avatar-shadow: 0px 0px 0px 2px #0d1117;
     --avatarStack-fade-bgColor-default: #30363d;
     --avatarStack-fade-bgColor-muted: #21262d;
@@ -664,7 +667,7 @@
     --bgColor-sponsors-muted: #db61a21a;
     --bgColor-sponsors-emphasis: #bf4b8a;
     --borderColor-default: #30363d;
-    --borderColor-muted: #30363d66;
+    --borderColor-muted: #30363d80;
     --borderColor-emphasis: #484f58;
     --borderColor-disabled: #161b22;
     --borderColor-transparent: #00000000;

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

@@ -1,5 +1,7 @@
 [data-color-mode="light"][data-light-theme="light_colorblind"],
-[data-color-mode="auto"][data-light-theme="light_colorblind"] {
+[data-color-mode="light"][data-light-theme="light_colorblind"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="light_colorblind"],
+[data-color-mode="auto"][data-light-theme="light_colorblind"] ::backdrop {
   --topicTag-borderColor: #ffffff00;
   --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
@@ -245,7 +247,7 @@
   --bgColor-sponsors-muted: #ffeff7;
   --bgColor-sponsors-emphasis: #bf3989;
   --borderColor-default: #d0d7de;
-  --borderColor-muted: #d0d7de66;
+  --borderColor-muted: #d0d7de80;
   --borderColor-emphasis: #6e7781;
   --borderColor-disabled: #f6f8fa;
   --borderColor-transparent: #ffffff00;
@@ -409,7 +411,7 @@
   --color-scale-coral-7: #801f0f;
   --color-scale-coral-8: #691105;
   --color-scale-coral-9: #510901;
-  --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+  --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;
@@ -419,7 +421,8 @@
   --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="light_colorblind"] {
+  [data-color-mode="auto"][data-dark-theme="light_colorblind"],
+  [data-color-mode="auto"][data-dark-theme="light_colorblind"] ::backdrop {
     --topicTag-borderColor: #ffffff00;
     --highlight-neutral-bgColor: #fff8c5;
     --page-header-bgColor: #f6f8fa;
@@ -665,7 +668,7 @@
     --bgColor-sponsors-muted: #ffeff7;
     --bgColor-sponsors-emphasis: #bf3989;
     --borderColor-default: #d0d7de;
-    --borderColor-muted: #d0d7de66;
+    --borderColor-muted: #d0d7de80;
     --borderColor-emphasis: #6e7781;
     --borderColor-disabled: #f6f8fa;
     --borderColor-transparent: #ffffff00;
@@ -829,7 +832,7 @@
     --color-scale-coral-7: #801f0f;
     --color-scale-coral-8: #691105;
     --color-scale-coral-9: #510901;
-    --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+    --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;

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

@@ -1,5 +1,7 @@
 [data-color-mode="light"][data-light-theme="light_high_contrast"],
-[data-color-mode="auto"][data-light-theme="light_high_contrast"] {
+[data-color-mode="light"][data-light-theme="light_high_contrast"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="light_high_contrast"],
+[data-color-mode="auto"][data-light-theme="light_high_contrast"] ::backdrop {
   --topicTag-borderColor: #0349b4;
   --highlight-neutral-bgColor: #fcf7be;
   --page-header-bgColor: #e7ecf0;
@@ -409,7 +411,7 @@
   --color-scale-coral-7: #6f0107;
   --color-scale-coral-8: #5b0002;
   --color-scale-coral-9: #430200;
-  --shadow-inset: inset 0px 1px 0px 0px #01040914;
+  --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;
@@ -419,7 +421,8 @@
   --shadow-floating-xlarge: 0px 56px 112px 0px #343b4352;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="light_high_contrast"] {
+  [data-color-mode="auto"][data-dark-theme="light_high_contrast"],
+  [data-color-mode="auto"][data-dark-theme="light_high_contrast"] ::backdrop {
     --topicTag-borderColor: #0349b4;
     --highlight-neutral-bgColor: #fcf7be;
     --page-header-bgColor: #e7ecf0;
@@ -829,7 +832,7 @@
     --color-scale-coral-7: #6f0107;
     --color-scale-coral-8: #5b0002;
     --color-scale-coral-9: #430200;
-    --shadow-inset: inset 0px 1px 0px 0px #01040914;
+    --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;

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

@@ -1,5 +1,7 @@
 [data-color-mode="light"][data-light-theme="light_tritanopia"],
-[data-color-mode="auto"][data-light-theme="light_tritanopia"] {
+[data-color-mode="light"][data-light-theme="light_tritanopia"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="light_tritanopia"],
+[data-color-mode="auto"][data-light-theme="light_tritanopia"] ::backdrop {
   --topicTag-borderColor: #ffffff00;
   --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
@@ -245,7 +247,7 @@
   --bgColor-sponsors-muted: #ffeff7;
   --bgColor-sponsors-emphasis: #bf3989;
   --borderColor-default: #d0d7de;
-  --borderColor-muted: #d0d7de66;
+  --borderColor-muted: #d0d7de80;
   --borderColor-emphasis: #6e7781;
   --borderColor-disabled: #f6f8fa;
   --borderColor-transparent: #ffffff00;
@@ -409,7 +411,7 @@
   --color-scale-coral-7: #801f0f;
   --color-scale-coral-8: #691105;
   --color-scale-coral-9: #510901;
-  --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+  --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;
@@ -419,7 +421,8 @@
   --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="light_tritanopia"] {
+  [data-color-mode="auto"][data-dark-theme="light_tritanopia"],
+  [data-color-mode="auto"][data-dark-theme="light_tritanopia"] ::backdrop {
     --topicTag-borderColor: #ffffff00;
     --highlight-neutral-bgColor: #fff8c5;
     --page-header-bgColor: #f6f8fa;
@@ -665,7 +668,7 @@
     --bgColor-sponsors-muted: #ffeff7;
     --bgColor-sponsors-emphasis: #bf3989;
     --borderColor-default: #d0d7de;
-    --borderColor-muted: #d0d7de66;
+    --borderColor-muted: #d0d7de80;
     --borderColor-emphasis: #6e7781;
     --borderColor-disabled: #f6f8fa;
     --borderColor-transparent: #ffffff00;
@@ -829,7 +832,7 @@
     --color-scale-coral-7: #801f0f;
     --color-scale-coral-8: #691105;
     --color-scale-coral-9: #510901;
-    --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+    --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;

package/dist/css/functional/themes/light.css

@@ -1,5 +1,7 @@
 [data-color-mode="light"][data-light-theme="light"],
-[data-color-mode="auto"][data-light-theme="light"] {
+[data-color-mode="light"][data-light-theme="light"] ::backdrop,
+[data-color-mode="auto"][data-light-theme="light"],
+[data-color-mode="auto"][data-light-theme="light"] ::backdrop {
   --topicTag-borderColor: #ffffff00;
   --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
@@ -245,7 +247,7 @@
   --bgColor-sponsors-muted: #ffeff7;
   --bgColor-sponsors-emphasis: #bf3989;
   --borderColor-default: #d0d7de;
-  --borderColor-muted: #d0d7de66;
+  --borderColor-muted: #d0d7de80;
   --borderColor-emphasis: #6e7781;
   --borderColor-disabled: #f6f8fa;
   --borderColor-transparent: #ffffff00;
@@ -409,7 +411,7 @@
   --color-scale-coral-7: #801f0f;
   --color-scale-coral-8: #691105;
   --color-scale-coral-9: #510901;
-  --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+  --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;
@@ -419,7 +421,8 @@
   --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352;
 }
 @media (prefers-color-scheme: dark) {
-  [data-color-mode="auto"][data-dark-theme="light"] {
+  [data-color-mode="auto"][data-dark-theme="light"],
+  [data-color-mode="auto"][data-dark-theme="light"] ::backdrop {
     --topicTag-borderColor: #ffffff00;
     --highlight-neutral-bgColor: #fff8c5;
     --page-header-bgColor: #f6f8fa;
@@ -665,7 +668,7 @@
     --bgColor-sponsors-muted: #ffeff7;
     --bgColor-sponsors-emphasis: #bf3989;
     --borderColor-default: #d0d7de;
-    --borderColor-muted: #d0d7de66;
+    --borderColor-muted: #d0d7de80;
     --borderColor-emphasis: #6e7781;
     --borderColor-disabled: #f6f8fa;
     --borderColor-transparent: #ffffff00;
@@ -829,7 +832,7 @@
     --color-scale-coral-7: #801f0f;
     --color-scale-coral-8: #691105;
     --color-scale-coral-9: #510901;
-    --shadow-inset: inset 0px 1px 0px 0px #1f232814;
+    --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;

package/dist/docs/functional/themes/dark-colorblind.json

@@ -1213,7 +1213,7 @@
     "path": ["avatar", "bgColor"]
   },
   "avatar-borderColor": {
-    "value": "#30363d66",
+    "value": "#30363d80",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7467,7 +7467,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#30363d66",
+    "value": "#30363d80",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7480,7 +7480,7 @@
         }
       }
     },
-    "alpha": 0.4,
+    "alpha": 0.5,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
@@ -7497,7 +7497,7 @@
           }
         }
       },
-      "alpha": 0.4
+      "alpha": 0.5
     },
     "name": "borderColor-muted",
     "attributes": {},

package/dist/docs/functional/themes/dark-dimmed.json

@@ -1213,7 +1213,7 @@
     "path": ["avatar", "bgColor"]
   },
   "avatar-borderColor": {
-    "value": "#444c5666",
+    "value": "#444c5680",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7473,7 +7473,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#444c5666",
+    "value": "#444c5680",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7486,7 +7486,7 @@
         }
       }
     },
-    "alpha": 0.4,
+    "alpha": 0.5,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
@@ -7503,7 +7503,7 @@
           }
         }
       },
-      "alpha": 0.4
+      "alpha": 0.5
     },
     "name": "borderColor-muted",
     "attributes": {},