@primer/primitives 10.0.0-rc.367a0502 → 10.0.0-rc.4b3d8b21

package/dist/figma/typography/typography.json

@@ -1,13 +1,31 @@
 [
   {
-    "name": "text/codeBlock/lineHeight",
-    "value": 20,
+    "name": "text/codeInline/weight",
+    "value": 400,
+    "type": "FLOAT",
+    "refId": "typography/text/codeInline/weight",
+    "reference": "base/typography/base/text/weight/normal",
+    "collection": "typography",
+    "mode": "default",
+    "group": "typography",
+    "scopes": ["FONT_WEIGHT"]
+  },
+  {
+    "name": "text/codeBlock/weight",
+    "value": 400,
     "type": "FLOAT",
-    "refId": "typography/text/codeBlock/lineHeight",
+    "refId": "typography/text/codeBlock/weight",
+    "reference": "base/typography/base/text/weight/normal",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
+  },
+  {
+    "name": "lineHeight",
+    "value": 1.5385,
+    "type": "FLOAT",
+    "refId": "lineHeight"
   },
   {
     "name": "text/codeBlock/size",
@@ -20,14 +38,21 @@
     "scopes": ["FONT_SIZE"]
   },
   {
-    "name": "text/caption/lineHeight",
-    "value": 16,
+    "name": "text/caption/weight",
+    "value": 400,
     "type": "FLOAT",
-    "refId": "typography/text/caption/lineHeight",
+    "refId": "typography/text/caption/weight",
+    "reference": "base/typography/base/text/weight/normal",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
+  },
+  {
+    "name": "lineHeight",
+    "value": 1.3333,
+    "type": "FLOAT",
+    "refId": "lineHeight"
   },
   {
     "name": "text/caption/size",
@@ -40,34 +65,33 @@
     "scopes": ["FONT_SIZE"]
   },
   {
-    "name": "text/body/lineHeight/small",
-    "value": 20,
+    "name": "text/body/weight",
+    "value": 400,
     "type": "FLOAT",
-    "refId": "typography/text/body/lineHeight/small",
+    "refId": "typography/text/body/weight",
+    "reference": "base/typography/base/text/weight/normal",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
   },
   {
-    "name": "text/body/lineHeight/medium",
-    "value": 20,
+    "name": "small",
+    "value": 1.6666,
     "type": "FLOAT",
-    "refId": "typography/text/body/lineHeight/medium",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "refId": "small"
   },
   {
-    "name": "text/body/lineHeight/large",
-    "value": 24,
+    "name": "medium",
+    "value": 1.4285,
     "type": "FLOAT",
-    "refId": "typography/text/body/lineHeight/large",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "refId": "medium"
+  },
+  {
+    "name": "large",
+    "value": 1.5,
+    "type": "FLOAT",
+    "refId": "large"
   },
   {
     "name": "text/body/size/small",
@@ -100,14 +124,21 @@
     "scopes": ["FONT_SIZE"]
   },
   {
-    "name": "text/subtitle/lineHeight",
-    "value": 32,
+    "name": "text/subtitle/weight",
+    "value": 400,
     "type": "FLOAT",
-    "refId": "typography/text/subtitle/lineHeight",
+    "refId": "typography/text/subtitle/weight",
+    "reference": "base/typography/base/text/weight/normal",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
+  },
+  {
+    "name": "lineHeight",
+    "value": 1.6,
+    "type": "FLOAT",
+    "refId": "lineHeight"
   },
   {
     "name": "text/subtitle/size",
@@ -120,34 +151,55 @@
     "scopes": ["FONT_SIZE"]
   },
   {
-    "name": "text/title/lineHeight/small",
-    "value": 24,
+    "name": "text/title/weight/small",
+    "value": 600,
     "type": "FLOAT",
-    "refId": "typography/text/title/lineHeight/small",
+    "refId": "typography/text/title/weight/small",
+    "reference": "base/typography/base/text/weight/semibold",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
   },
   {
-    "name": "text/title/lineHeight/medium",
-    "value": 32,
+    "name": "text/title/weight/medium",
+    "value": 600,
     "type": "FLOAT",
-    "refId": "typography/text/title/lineHeight/medium",
+    "refId": "typography/text/title/weight/medium",
+    "reference": "base/typography/base/text/weight/semibold",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
   },
   {
-    "name": "text/title/lineHeight/large",
-    "value": 48,
+    "name": "text/title/weight/large",
+    "value": 600,
     "type": "FLOAT",
-    "refId": "typography/text/title/lineHeight/large",
+    "refId": "typography/text/title/weight/large",
+    "reference": "base/typography/base/text/weight/semibold",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
+  },
+  {
+    "name": "small",
+    "value": 1.5,
+    "type": "FLOAT",
+    "refId": "small"
+  },
+  {
+    "name": "medium",
+    "value": 1.6,
+    "type": "FLOAT",
+    "refId": "medium"
+  },
+  {
+    "name": "large",
+    "value": 1.5,
+    "type": "FLOAT",
+    "refId": "large"
   },
   {
     "name": "text/title/size/small",
@@ -180,14 +232,21 @@
     "scopes": ["FONT_SIZE"]
   },
   {
-    "name": "text/display/lineHeight",
-    "value": 56,
+    "name": "text/display/weight",
+    "value": 500,
     "type": "FLOAT",
-    "refId": "typography/text/display/lineHeight",
+    "refId": "typography/text/display/weight",
+    "reference": "base/typography/base/text/weight/medium",
     "collection": "typography",
     "mode": "default",
     "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "scopes": ["FONT_WEIGHT"]
+  },
+  {
+    "name": "lineHeight",
+    "value": 1.4,
+    "type": "FLOAT",
+    "refId": "lineHeight"
   },
   {
     "name": "text/display/size",
@@ -200,18 +259,14 @@
     "scopes": ["FONT_SIZE"]
   },
   {
-    "name": "text/display/lineBoxHeight",
-    "value": 56,
+    "name": "lineBoxHeight",
+    "value": 1.4,
     "type": "FLOAT",
-    "refId": "typography/text/display/lineBoxHeight",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["LINE_HEIGHT"]
+    "refId": "lineBoxHeight"
   },
   {
     "name": "fontStack/monospace",
-    "value": "SF Mono",
+    "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     "type": "STRING",
     "refId": "typography/fontStack/monospace",
     "collection": "typography",
@@ -221,7 +276,7 @@
   },
   {
     "name": "fontStack/sansSerifDisplay",
-    "value": "SF Pro Display",
+    "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "type": "STRING",
     "refId": "typography/fontStack/sansSerifDisplay",
     "collection": "typography",
@@ -231,7 +286,7 @@
   },
   {
     "name": "fontStack/sansSerif",
-    "value": "SF Pro Text",
+    "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "type": "STRING",
     "refId": "typography/fontStack/sansSerif",
     "collection": "typography",
@@ -241,7 +296,7 @@
   },
   {
     "name": "fontStack/system",
-    "value": "SF Pro Text",
+    "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
     "type": "STRING",
     "refId": "typography/fontStack/system",
     "collection": "typography",
@@ -288,104 +343,5 @@
     "mode": "default",
     "group": "base/typography",
     "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/codeInline/weight",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "typography/text/codeInline/weight",
-    "reference": "base/typography/base/text/weight/normal",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/codeBlock/weight",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "typography/text/codeBlock/weight",
-    "reference": "base/typography/base/text/weight/normal",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/caption/weight",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "typography/text/caption/weight",
-    "reference": "base/typography/base/text/weight/normal",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/body/weight",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "typography/text/body/weight",
-    "reference": "base/typography/base/text/weight/normal",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/subtitle/weight",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "typography/text/subtitle/weight",
-    "reference": "base/typography/base/text/weight/normal",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/title/weight/small",
-    "value": 600,
-    "type": "FLOAT",
-    "refId": "typography/text/title/weight/small",
-    "reference": "base/typography/base/text/weight/semibold",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/title/weight/medium",
-    "value": 600,
-    "type": "FLOAT",
-    "refId": "typography/text/title/weight/medium",
-    "reference": "base/typography/base/text/weight/semibold",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/title/weight/large",
-    "value": 600,
-    "type": "FLOAT",
-    "refId": "typography/text/title/weight/large",
-    "reference": "base/typography/base/text/weight/semibold",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
-  },
-  {
-    "name": "text/display/weight",
-    "value": 500,
-    "type": "FLOAT",
-    "refId": "typography/text/display/weight",
-    "reference": "base/typography/base/text/weight/medium",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["FONT_WEIGHT"]
   }
 ]

package/dist/internalCss/dark-colorblind.css

@@ -295,17 +295,26 @@
   --topicTag-borderColor: #00000000;
   --highlight-neutral-bgColor: #d2992266;
   --page-header-bgColor: #0d1117;
-  --diffBlob-addition-fgColor-text: #f0f6fc;
-  --diffBlob-addition-fgColor-num: #f0f6fc;
-  --diffBlob-addition-bgColor-num: #58a6ff4d;
-  --diffBlob-addition-bgColor-line: #388bfd26;
-  --diffBlob-addition-bgColor-word: #388bfd66;
-  --diffBlob-deletion-fgColor-text: #f0f6fc;
-  --diffBlob-deletion-fgColor-num: #f0f6fc;
-  --diffBlob-deletion-bgColor-num: #db6d284d;
-  --diffBlob-deletion-bgColor-line: #db6d2826;
-  --diffBlob-deletion-bgColor-word: #db6d2866;
-  --diffBlob-hunk-bgColor-num: #388bfd66;
+  --diffBlob-additionLine-fgColor: #f0f6fc;
+  --diffBlob-additionLine-bgColor: #388bfd26;
+  --diffBlob-additionWord-fgColor: #f0f6fc;
+  --diffBlob-additionWord-bgColor: #388bfd66;
+  --diffBlob-additionNum-fgColor: #f0f6fc;
+  --diffBlob-additionNum-bgColor: #58a6ff4d;
+  --diffBlob-deletionLine-fgColor: #f0f6fc;
+  --diffBlob-deletionLine-bgColor: #db6d2826;
+  --diffBlob-deletionWord-fgColor: #f0f6fc;
+  --diffBlob-deletionWord-bgColor: #db6d2866;
+  --diffBlob-deletionNum-fgColor: #f0f6fc;
+  --diffBlob-deletionNum-bgColor: #db6d284d;
+  --diffBlob-hunkLine-fgColor: #9198a1;
+  --diffBlob-hunkLine-bgColor: #212830;
+  --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #2f3742;
+  --diffBlob-hunkNum-bgColor-hover: #656c76;
+  --diffBlob-emptyNum-bgColor: #151b23;
+  --diffBlob-emptyLine-bgColor: #151b23;
   --diffBlob-expander-iconColor: #9198a1;
   --codeMirror-fgColor: #f0f6fc;
   --codeMirror-bgColor: #0d1117;
@@ -476,7 +485,7 @@
   --control-transparent-borderColor-rest: #00000000;
   --control-transparent-borderColor-hover: #00000000;
   --control-transparent-borderColor-active: #00000000;
-  --control-danger-fgColor-rest: #db6d28;
+  --control-danger-fgColor-rest: #f0883e;
   --control-danger-fgColor-hover: #f0883e;
   --control-danger-bgColor-hover: #db6d281a;
   --control-danger-bgColor-active: #db6d2866;
@@ -532,6 +541,7 @@
   --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
   --button-invisible-fgColor-rest: #f0f6fc;
   --button-invisible-fgColor-hover: #f0f6fc;
+  --button-invisible-fgColor-active: #f0f6fc;
   --button-invisible-fgColor-disabled: #656c7699;
   --button-invisible-iconColor-rest: #9198a1;
   --button-invisible-iconColor-hover: #9198a1;
@@ -554,11 +564,11 @@
   --button-outline-borderColor-hover: #3d444d;
   --button-outline-borderColor-selected: #3d444d;
   --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-  --button-danger-fgColor-rest: #e6713e;
+  --button-danger-fgColor-rest: #f0883e;
   --button-danger-fgColor-hover: #ffffff;
   --button-danger-fgColor-active: #ffffff;
-  --button-danger-fgColor-disabled: #db6d2880;
-  --button-danger-iconColor-rest: #e6713e;
+  --button-danger-fgColor-disabled: #f0883e80;
+  --button-danger-iconColor-rest: #f0883e;
   --button-danger-iconColor-hover: #ffffff;
   --button-danger-bgColor-rest: #212830;
   --button-danger-bgColor-hover: #9b4215;
@@ -583,9 +593,9 @@
   --buttonCounter-danger-bgColor-hover: #ffffff33;
   --buttonCounter-danger-bgColor-disabled: #bd561d0d;
   --buttonCounter-danger-bgColor-rest: #49020233;
-  --buttonCounter-danger-fgColor-rest: #db6d28;
+  --buttonCounter-danger-fgColor-rest: #f0883e;
   --buttonCounter-danger-fgColor-hover: #ffffff;
-  --buttonCounter-danger-fgColor-disabled: #db6d2880;
+  --buttonCounter-danger-fgColor-disabled: #f0883e80;
   --reactionButton-selected-bgColor-rest: #388bfd33;
   --reactionButton-selected-bgColor-hover: #3a8cfd5c;
   --reactionButton-selected-fgColor-rest: #4493f8;
@@ -736,7 +746,7 @@
   --fgColor-open: #f0883e;
   --fgColor-attention: #d29922;
   --fgColor-severe: #db6d28;
-  --fgColor-danger: #db6d28;
+  --fgColor-danger: #f0883e;
   --fgColor-closed: #9198a1;
   --fgColor-done: #ab7df8;
   --fgColor-upsell: #ab7df8;
@@ -756,7 +766,7 @@
   --bgColor-accent-emphasis: #1f6feb;
   --bgColor-success-muted: #388bfd26;
   --bgColor-success-emphasis: #1f6feb;
-  --bgColor-open-muted: #db6d2866;
+  --bgColor-open-muted: #db6d2833;
   --bgColor-open-emphasis: #bd561d;
   --bgColor-attention-muted: #bb800926;
   --bgColor-attention-emphasis: #9e6a03;
@@ -1154,17 +1164,26 @@
     --topicTag-borderColor: #00000000;
     --highlight-neutral-bgColor: #d2992266;
     --page-header-bgColor: #0d1117;
-    --diffBlob-addition-fgColor-text: #f0f6fc;
-    --diffBlob-addition-fgColor-num: #f0f6fc;
-    --diffBlob-addition-bgColor-num: #58a6ff4d;
-    --diffBlob-addition-bgColor-line: #388bfd26;
-    --diffBlob-addition-bgColor-word: #388bfd66;
-    --diffBlob-deletion-fgColor-text: #f0f6fc;
-    --diffBlob-deletion-fgColor-num: #f0f6fc;
-    --diffBlob-deletion-bgColor-num: #db6d284d;
-    --diffBlob-deletion-bgColor-line: #db6d2826;
-    --diffBlob-deletion-bgColor-word: #db6d2866;
-    --diffBlob-hunk-bgColor-num: #388bfd66;
+    --diffBlob-additionLine-fgColor: #f0f6fc;
+    --diffBlob-additionLine-bgColor: #388bfd26;
+    --diffBlob-additionWord-fgColor: #f0f6fc;
+    --diffBlob-additionWord-bgColor: #388bfd66;
+    --diffBlob-additionNum-fgColor: #f0f6fc;
+    --diffBlob-additionNum-bgColor: #58a6ff4d;
+    --diffBlob-deletionLine-fgColor: #f0f6fc;
+    --diffBlob-deletionLine-bgColor: #db6d2826;
+    --diffBlob-deletionWord-fgColor: #f0f6fc;
+    --diffBlob-deletionWord-bgColor: #db6d2866;
+    --diffBlob-deletionNum-fgColor: #f0f6fc;
+    --diffBlob-deletionNum-bgColor: #db6d284d;
+    --diffBlob-hunkLine-fgColor: #9198a1;
+    --diffBlob-hunkLine-bgColor: #212830;
+    --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #2f3742;
+    --diffBlob-hunkNum-bgColor-hover: #656c76;
+    --diffBlob-emptyNum-bgColor: #151b23;
+    --diffBlob-emptyLine-bgColor: #151b23;
     --diffBlob-expander-iconColor: #9198a1;
     --codeMirror-fgColor: #f0f6fc;
     --codeMirror-bgColor: #0d1117;
@@ -1335,7 +1354,7 @@
     --control-transparent-borderColor-rest: #00000000;
     --control-transparent-borderColor-hover: #00000000;
     --control-transparent-borderColor-active: #00000000;
-    --control-danger-fgColor-rest: #db6d28;
+    --control-danger-fgColor-rest: #f0883e;
     --control-danger-fgColor-hover: #f0883e;
     --control-danger-bgColor-hover: #db6d281a;
     --control-danger-bgColor-active: #db6d2866;
@@ -1391,6 +1410,7 @@
     --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
     --button-invisible-fgColor-rest: #f0f6fc;
     --button-invisible-fgColor-hover: #f0f6fc;
+    --button-invisible-fgColor-active: #f0f6fc;
     --button-invisible-fgColor-disabled: #656c7699;
     --button-invisible-iconColor-rest: #9198a1;
     --button-invisible-iconColor-hover: #9198a1;
@@ -1413,11 +1433,11 @@
     --button-outline-borderColor-hover: #3d444d;
     --button-outline-borderColor-selected: #3d444d;
     --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
-    --button-danger-fgColor-rest: #e6713e;
+    --button-danger-fgColor-rest: #f0883e;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #db6d2880;
-    --button-danger-iconColor-rest: #e6713e;
+    --button-danger-fgColor-disabled: #f0883e80;
+    --button-danger-iconColor-rest: #f0883e;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #212830;
     --button-danger-bgColor-hover: #9b4215;
@@ -1442,9 +1462,9 @@
     --buttonCounter-danger-bgColor-hover: #ffffff33;
     --buttonCounter-danger-bgColor-disabled: #bd561d0d;
     --buttonCounter-danger-bgColor-rest: #49020233;
-    --buttonCounter-danger-fgColor-rest: #db6d28;
+    --buttonCounter-danger-fgColor-rest: #f0883e;
     --buttonCounter-danger-fgColor-hover: #ffffff;
-    --buttonCounter-danger-fgColor-disabled: #db6d2880;
+    --buttonCounter-danger-fgColor-disabled: #f0883e80;
     --reactionButton-selected-bgColor-rest: #388bfd33;
     --reactionButton-selected-bgColor-hover: #3a8cfd5c;
     --reactionButton-selected-fgColor-rest: #4493f8;
@@ -1595,7 +1615,7 @@
     --fgColor-open: #f0883e;
     --fgColor-attention: #d29922;
     --fgColor-severe: #db6d28;
-    --fgColor-danger: #db6d28;
+    --fgColor-danger: #f0883e;
     --fgColor-closed: #9198a1;
     --fgColor-done: #ab7df8;
     --fgColor-upsell: #ab7df8;
@@ -1615,7 +1635,7 @@
     --bgColor-accent-emphasis: #1f6feb;
     --bgColor-success-muted: #388bfd26;
     --bgColor-success-emphasis: #1f6feb;
-    --bgColor-open-muted: #db6d2866;
+    --bgColor-open-muted: #db6d2833;
     --bgColor-open-emphasis: #bd561d;
     --bgColor-attention-muted: #bb800926;
     --bgColor-attention-emphasis: #9e6a03;