@primer/primitives 9.1.2 → 10.0.0-rc.1d2317e6

package/dist/internalCss/light-high-contrast.css

@@ -295,18 +295,27 @@
   --topicTag-borderColor: #0349b4;
   --highlight-neutral-bgColor: #fcf7be;
   --page-header-bgColor: #e6eaef;
-  --diffBlob-addition-fgColor-text: #ffffff;
-  --diffBlob-addition-fgColor-num: #010409;
-  --diffBlob-addition-bgColor-num: #c2f9cd;
-  --diffBlob-addition-bgColor-line: #d2fedb;
-  --diffBlob-addition-bgColor-word: #117f32;
-  --diffBlob-deletion-fgColor-text: #ffffff;
-  --diffBlob-deletion-fgColor-num: #010409;
-  --diffBlob-deletion-bgColor-num: #ffc1bc;
-  --diffBlob-deletion-bgColor-line: #fff0ee;
-  --diffBlob-deletion-bgColor-word: #a0111f;
-  --diffBlob-hunk-bgColor-num: #9cd7ff;
-  --diffBlob-expander-iconColor: #454c54;
+  --diffBlob-additionLine-fgColor: #010409;
+  --diffBlob-additionLine-bgColor: #d2fedb;
+  --diffBlob-additionWord-fgColor: #ffffff;
+  --diffBlob-additionWord-bgColor: #055d20;
+  --diffBlob-additionNum-fgColor: #010409;
+  --diffBlob-additionNum-bgColor: #82e596;
+  --diffBlob-deletionLine-fgColor: #010409;
+  --diffBlob-deletionLine-bgColor: #fff0ee;
+  --diffBlob-deletionWord-fgColor: #ffffff;
+  --diffBlob-deletionWord-bgColor: #a0111f;
+  --diffBlob-deletionNum-fgColor: #010409;
+  --diffBlob-deletionNum-bgColor: #ffc1bc;
+  --diffBlob-hunkLine-bgColor: #dff7ff;
+  --diffBlob-hunkLine-fgColor: #454c54;
+  --diffBlob-hunkNum-fgColor-rest: #010409;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #9cd7ff;
+  --diffBlob-hunkNum-bgColor-hover: #0349b4;
+  --diffBlob-emptyNum-bgColor: #e6eaef;
+  --diffBlob-emptyLine-bgColor: #e6eaef;
+  --diffBlob-expander-iconColor: #010409;
   --codeMirror-fgColor: #010409;
   --codeMirror-bgColor: #ffffff;
   --codeMirror-gutters-bgColor: #ffffff;
@@ -476,7 +485,7 @@
   --control-transparent-borderColor-rest: #ffffff00;
   --control-transparent-borderColor-hover: #454c54;
   --control-transparent-borderColor-active: #454c54;
-  --control-danger-fgColor-rest: #8a071e;
+  --control-danger-fgColor-rest: #86061d;
   --control-danger-fgColor-hover: #ffffff;
   --control-danger-bgColor-hover: #a0111f;
   --control-danger-bgColor-active: #8c0b1d;
@@ -554,11 +563,11 @@
   --button-outline-borderColor-hover: #013d14;
   --button-outline-borderColor-active: #013d14;
   --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
-  --button-danger-fgColor-rest: #8a071e;
+  --button-danger-fgColor-rest: #86061d;
   --button-danger-fgColor-hover: #ffffff;
   --button-danger-fgColor-active: #ffffff;
-  --button-danger-fgColor-disabled: #8a071e80;
-  --button-danger-iconColor-rest: #8a071e;
+  --button-danger-fgColor-disabled: #86061d80;
+  --button-danger-iconColor-rest: #86061d;
   --button-danger-iconColor-hover: #ffffff;
   --button-danger-bgColor-rest: #e0e6eb;
   --button-danger-bgColor-hover: #86061d;
@@ -585,7 +594,7 @@
   --buttonCounter-danger-bgColor-rest: #a0111f1a;
   --buttonCounter-danger-fgColor-rest: #980e1e;
   --buttonCounter-danger-fgColor-hover: #ffffff;
-  --buttonCounter-danger-fgColor-disabled: #8a071e80;
+  --buttonCounter-danger-fgColor-disabled: #86061d80;
   --reactionButton-selected-bgColor-rest: #dff7ff;
   --reactionButton-selected-bgColor-hover: #c7e9ff;
   --reactionButton-selected-fgColor-rest: #023b95;
@@ -737,8 +746,8 @@
   --fgColor-open: #024c1a;
   --fgColor-attention: #603700;
   --fgColor-severe: #702c00;
-  --fgColor-danger: #8a071e;
-  --fgColor-closed: #8a071e;
+  --fgColor-danger: #86061d;
+  --fgColor-closed: #86061d;
   --fgColor-done: #512598;
   --fgColor-upsell: #512598;
   --fgColor-sponsors: #7d0c57;
@@ -1154,18 +1163,27 @@
     --topicTag-borderColor: #0349b4;
     --highlight-neutral-bgColor: #fcf7be;
     --page-header-bgColor: #e6eaef;
-    --diffBlob-addition-fgColor-text: #ffffff;
-    --diffBlob-addition-fgColor-num: #010409;
-    --diffBlob-addition-bgColor-num: #c2f9cd;
-    --diffBlob-addition-bgColor-line: #d2fedb;
-    --diffBlob-addition-bgColor-word: #117f32;
-    --diffBlob-deletion-fgColor-text: #ffffff;
-    --diffBlob-deletion-fgColor-num: #010409;
-    --diffBlob-deletion-bgColor-num: #ffc1bc;
-    --diffBlob-deletion-bgColor-line: #fff0ee;
-    --diffBlob-deletion-bgColor-word: #a0111f;
-    --diffBlob-hunk-bgColor-num: #9cd7ff;
-    --diffBlob-expander-iconColor: #454c54;
+    --diffBlob-additionLine-fgColor: #010409;
+    --diffBlob-additionLine-bgColor: #d2fedb;
+    --diffBlob-additionWord-fgColor: #ffffff;
+    --diffBlob-additionWord-bgColor: #055d20;
+    --diffBlob-additionNum-fgColor: #010409;
+    --diffBlob-additionNum-bgColor: #82e596;
+    --diffBlob-deletionLine-fgColor: #010409;
+    --diffBlob-deletionLine-bgColor: #fff0ee;
+    --diffBlob-deletionWord-fgColor: #ffffff;
+    --diffBlob-deletionWord-bgColor: #a0111f;
+    --diffBlob-deletionNum-fgColor: #010409;
+    --diffBlob-deletionNum-bgColor: #ffc1bc;
+    --diffBlob-hunkLine-bgColor: #dff7ff;
+    --diffBlob-hunkLine-fgColor: #454c54;
+    --diffBlob-hunkNum-fgColor-rest: #010409;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #9cd7ff;
+    --diffBlob-hunkNum-bgColor-hover: #0349b4;
+    --diffBlob-emptyNum-bgColor: #e6eaef;
+    --diffBlob-emptyLine-bgColor: #e6eaef;
+    --diffBlob-expander-iconColor: #010409;
     --codeMirror-fgColor: #010409;
     --codeMirror-bgColor: #ffffff;
     --codeMirror-gutters-bgColor: #ffffff;
@@ -1335,7 +1353,7 @@
     --control-transparent-borderColor-rest: #ffffff00;
     --control-transparent-borderColor-hover: #454c54;
     --control-transparent-borderColor-active: #454c54;
-    --control-danger-fgColor-rest: #8a071e;
+    --control-danger-fgColor-rest: #86061d;
     --control-danger-fgColor-hover: #ffffff;
     --control-danger-bgColor-hover: #a0111f;
     --control-danger-bgColor-active: #8c0b1d;
@@ -1413,11 +1431,11 @@
     --button-outline-borderColor-hover: #013d14;
     --button-outline-borderColor-active: #013d14;
     --button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33;
-    --button-danger-fgColor-rest: #8a071e;
+    --button-danger-fgColor-rest: #86061d;
     --button-danger-fgColor-hover: #ffffff;
     --button-danger-fgColor-active: #ffffff;
-    --button-danger-fgColor-disabled: #8a071e80;
-    --button-danger-iconColor-rest: #8a071e;
+    --button-danger-fgColor-disabled: #86061d80;
+    --button-danger-iconColor-rest: #86061d;
     --button-danger-iconColor-hover: #ffffff;
     --button-danger-bgColor-rest: #e0e6eb;
     --button-danger-bgColor-hover: #86061d;
@@ -1444,7 +1462,7 @@
     --buttonCounter-danger-bgColor-rest: #a0111f1a;
     --buttonCounter-danger-fgColor-rest: #980e1e;
     --buttonCounter-danger-fgColor-hover: #ffffff;
-    --buttonCounter-danger-fgColor-disabled: #8a071e80;
+    --buttonCounter-danger-fgColor-disabled: #86061d80;
     --reactionButton-selected-bgColor-rest: #dff7ff;
     --reactionButton-selected-bgColor-hover: #c7e9ff;
     --reactionButton-selected-fgColor-rest: #023b95;
@@ -1596,8 +1614,8 @@
     --fgColor-open: #024c1a;
     --fgColor-attention: #603700;
     --fgColor-severe: #702c00;
-    --fgColor-danger: #8a071e;
-    --fgColor-closed: #8a071e;
+    --fgColor-danger: #86061d;
+    --fgColor-closed: #86061d;
     --fgColor-done: #512598;
     --fgColor-upsell: #512598;
     --fgColor-sponsors: #7d0c57;

package/dist/internalCss/light-tritanopia.css

@@ -295,17 +295,26 @@
   --topicTag-borderColor: #ffffff00;
   --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
-  --diffBlob-addition-fgColor-text: #1f2328;
-  --diffBlob-addition-fgColor-num: #1f2328;
-  --diffBlob-addition-bgColor-num: #d5f1ff;
-  --diffBlob-addition-bgColor-line: #ddf4ff;
-  --diffBlob-addition-bgColor-word: #b6e3ff;
-  --diffBlob-deletion-fgColor-text: #1f2328;
-  --diffBlob-deletion-fgColor-num: #1f2328;
-  --diffBlob-deletion-bgColor-num: #ffcecb;
-  --diffBlob-deletion-bgColor-line: #ffebe9;
-  --diffBlob-deletion-bgColor-word: #ff818266;
-  --diffBlob-hunk-bgColor-num: #54aeff66;
+  --diffBlob-additionLine-fgColor: #1f2328;
+  --diffBlob-additionLine-bgColor: #ddf4ff;
+  --diffBlob-additionWord-fgColor: #1f2328;
+  --diffBlob-additionWord-bgColor: #b6e3ff;
+  --diffBlob-additionNum-fgColor: #1f2328;
+  --diffBlob-additionNum-bgColor: #b6e3ff;
+  --diffBlob-deletionLine-fgColor: #1f2328;
+  --diffBlob-deletionLine-bgColor: #ffebe9;
+  --diffBlob-deletionWord-fgColor: #1f2328;
+  --diffBlob-deletionWord-bgColor: #ffcecb;
+  --diffBlob-deletionNum-fgColor: #1f2328;
+  --diffBlob-deletionNum-bgColor: #ffcecb;
+  --diffBlob-hunkLine-bgColor: #f6f8fa;
+  --diffBlob-hunkLine-fgColor: #59636e;
+  --diffBlob-hunkNum-fgColor-rest: #1f2328;
+  --diffBlob-hunkNum-fgColor-hover: #1f2328;
+  --diffBlob-hunkNum-bgColor-rest: #e6eaef;
+  --diffBlob-hunkNum-bgColor-hover: #c8d1da;
+  --diffBlob-emptyNum-bgColor: #f6f8fa;
+  --diffBlob-emptyLine-bgColor: #f6f8fa;
   --diffBlob-expander-iconColor: #59636e;
   --codeMirror-fgColor: #1f2328;
   --codeMirror-bgColor: #ffffff;
@@ -1154,17 +1163,26 @@
     --topicTag-borderColor: #ffffff00;
     --highlight-neutral-bgColor: #fff8c5;
     --page-header-bgColor: #f6f8fa;
-    --diffBlob-addition-fgColor-text: #1f2328;
-    --diffBlob-addition-fgColor-num: #1f2328;
-    --diffBlob-addition-bgColor-num: #d5f1ff;
-    --diffBlob-addition-bgColor-line: #ddf4ff;
-    --diffBlob-addition-bgColor-word: #b6e3ff;
-    --diffBlob-deletion-fgColor-text: #1f2328;
-    --diffBlob-deletion-fgColor-num: #1f2328;
-    --diffBlob-deletion-bgColor-num: #ffcecb;
-    --diffBlob-deletion-bgColor-line: #ffebe9;
-    --diffBlob-deletion-bgColor-word: #ff818266;
-    --diffBlob-hunk-bgColor-num: #54aeff66;
+    --diffBlob-additionLine-fgColor: #1f2328;
+    --diffBlob-additionLine-bgColor: #ddf4ff;
+    --diffBlob-additionWord-fgColor: #1f2328;
+    --diffBlob-additionWord-bgColor: #b6e3ff;
+    --diffBlob-additionNum-fgColor: #1f2328;
+    --diffBlob-additionNum-bgColor: #b6e3ff;
+    --diffBlob-deletionLine-fgColor: #1f2328;
+    --diffBlob-deletionLine-bgColor: #ffebe9;
+    --diffBlob-deletionWord-fgColor: #1f2328;
+    --diffBlob-deletionWord-bgColor: #ffcecb;
+    --diffBlob-deletionNum-fgColor: #1f2328;
+    --diffBlob-deletionNum-bgColor: #ffcecb;
+    --diffBlob-hunkLine-bgColor: #f6f8fa;
+    --diffBlob-hunkLine-fgColor: #59636e;
+    --diffBlob-hunkNum-fgColor-rest: #1f2328;
+    --diffBlob-hunkNum-fgColor-hover: #1f2328;
+    --diffBlob-hunkNum-bgColor-rest: #e6eaef;
+    --diffBlob-hunkNum-bgColor-hover: #c8d1da;
+    --diffBlob-emptyNum-bgColor: #f6f8fa;
+    --diffBlob-emptyLine-bgColor: #f6f8fa;
     --diffBlob-expander-iconColor: #59636e;
     --codeMirror-fgColor: #1f2328;
     --codeMirror-bgColor: #ffffff;

package/dist/internalCss/light.css

@@ -295,17 +295,26 @@
   --topicTag-borderColor: #ffffff00;
   --highlight-neutral-bgColor: #fff8c5;
   --page-header-bgColor: #f6f8fa;
-  --diffBlob-addition-fgColor-text: #1f2328;
-  --diffBlob-addition-fgColor-num: #1f2328;
-  --diffBlob-addition-bgColor-num: #d1f8d9;
-  --diffBlob-addition-bgColor-line: #dafbe1;
-  --diffBlob-addition-bgColor-word: #aceebb;
-  --diffBlob-deletion-fgColor-text: #1f2328;
-  --diffBlob-deletion-fgColor-num: #1f2328;
-  --diffBlob-deletion-bgColor-num: #ffcecb;
-  --diffBlob-deletion-bgColor-line: #ffebe9;
-  --diffBlob-deletion-bgColor-word: #ff818266;
-  --diffBlob-hunk-bgColor-num: #54aeff66;
+  --diffBlob-additionLine-fgColor: #1f2328;
+  --diffBlob-additionLine-bgColor: #dafbe1;
+  --diffBlob-additionWord-fgColor: #1f2328;
+  --diffBlob-additionWord-bgColor: #aceebb;
+  --diffBlob-additionNum-fgColor: #1f2328;
+  --diffBlob-additionNum-bgColor: #aceebb;
+  --diffBlob-deletionLine-fgColor: #1f2328;
+  --diffBlob-deletionLine-bgColor: #ffebe9;
+  --diffBlob-deletionWord-fgColor: #1f2328;
+  --diffBlob-deletionWord-bgColor: #ffcecb;
+  --diffBlob-deletionNum-fgColor: #1f2328;
+  --diffBlob-deletionNum-bgColor: #ffcecb;
+  --diffBlob-hunkLine-bgColor: #ddf4ff;
+  --diffBlob-hunkLine-fgColor: #59636e;
+  --diffBlob-hunkNum-fgColor-rest: #1f2328;
+  --diffBlob-hunkNum-fgColor-hover: #ffffff;
+  --diffBlob-hunkNum-bgColor-rest: #b6e3ff;
+  --diffBlob-hunkNum-bgColor-hover: #0969da;
+  --diffBlob-emptyNum-bgColor: #f6f8fa;
+  --diffBlob-emptyLine-bgColor: #f6f8fa;
   --diffBlob-expander-iconColor: #59636e;
   --codeMirror-fgColor: #1f2328;
   --codeMirror-bgColor: #ffffff;
@@ -1154,17 +1163,26 @@
     --topicTag-borderColor: #ffffff00;
     --highlight-neutral-bgColor: #fff8c5;
     --page-header-bgColor: #f6f8fa;
-    --diffBlob-addition-fgColor-text: #1f2328;
-    --diffBlob-addition-fgColor-num: #1f2328;
-    --diffBlob-addition-bgColor-num: #d1f8d9;
-    --diffBlob-addition-bgColor-line: #dafbe1;
-    --diffBlob-addition-bgColor-word: #aceebb;
-    --diffBlob-deletion-fgColor-text: #1f2328;
-    --diffBlob-deletion-fgColor-num: #1f2328;
-    --diffBlob-deletion-bgColor-num: #ffcecb;
-    --diffBlob-deletion-bgColor-line: #ffebe9;
-    --diffBlob-deletion-bgColor-word: #ff818266;
-    --diffBlob-hunk-bgColor-num: #54aeff66;
+    --diffBlob-additionLine-fgColor: #1f2328;
+    --diffBlob-additionLine-bgColor: #dafbe1;
+    --diffBlob-additionWord-fgColor: #1f2328;
+    --diffBlob-additionWord-bgColor: #aceebb;
+    --diffBlob-additionNum-fgColor: #1f2328;
+    --diffBlob-additionNum-bgColor: #aceebb;
+    --diffBlob-deletionLine-fgColor: #1f2328;
+    --diffBlob-deletionLine-bgColor: #ffebe9;
+    --diffBlob-deletionWord-fgColor: #1f2328;
+    --diffBlob-deletionWord-bgColor: #ffcecb;
+    --diffBlob-deletionNum-fgColor: #1f2328;
+    --diffBlob-deletionNum-bgColor: #ffcecb;
+    --diffBlob-hunkLine-bgColor: #ddf4ff;
+    --diffBlob-hunkLine-fgColor: #59636e;
+    --diffBlob-hunkNum-fgColor-rest: #1f2328;
+    --diffBlob-hunkNum-fgColor-hover: #ffffff;
+    --diffBlob-hunkNum-bgColor-rest: #b6e3ff;
+    --diffBlob-hunkNum-bgColor-hover: #0969da;
+    --diffBlob-emptyNum-bgColor: #f6f8fa;
+    --diffBlob-emptyLine-bgColor: #f6f8fa;
     --diffBlob-expander-iconColor: #59636e;
     --codeMirror-fgColor: #1f2328;
     --codeMirror-bgColor: #ffffff;

package/dist/styleLint/base/size/size.json

@@ -1,6 +1,6 @@
 {
   "base-size-2": {
-    "value": ["0.125rem", "2px"],
+    "$value": ["0.125rem", "2px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -11,7 +11,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "2px",
+      "$value": "2px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -25,7 +25,7 @@
     "path": ["base", "size", "2"]
   },
   "base-size-4": {
-    "value": ["0.25rem", "4px"],
+    "$value": ["0.25rem", "4px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -36,7 +36,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "4px",
+      "$value": "4px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -50,7 +50,7 @@
     "path": ["base", "size", "4"]
   },
   "base-size-6": {
-    "value": ["0.375rem", "6px"],
+    "$value": ["0.375rem", "6px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -61,7 +61,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "6px",
+      "$value": "6px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -75,7 +75,7 @@
     "path": ["base", "size", "6"]
   },
   "base-size-8": {
-    "value": ["0.5rem", "8px"],
+    "$value": ["0.5rem", "8px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -86,7 +86,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "8px",
+      "$value": "8px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -100,7 +100,7 @@
     "path": ["base", "size", "8"]
   },
   "base-size-12": {
-    "value": ["0.75rem", "12px"],
+    "$value": ["0.75rem", "12px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -111,7 +111,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "12px",
+      "$value": "12px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -125,7 +125,7 @@
     "path": ["base", "size", "12"]
   },
   "base-size-16": {
-    "value": ["1rem", "16px"],
+    "$value": ["1rem", "16px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -136,7 +136,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "16px",
+      "$value": "16px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -150,7 +150,7 @@
     "path": ["base", "size", "16"]
   },
   "base-size-20": {
-    "value": ["1.25rem", "20px"],
+    "$value": ["1.25rem", "20px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -161,7 +161,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "20px",
+      "$value": "20px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -175,7 +175,7 @@
     "path": ["base", "size", "20"]
   },
   "base-size-24": {
-    "value": ["1.5rem", "24px"],
+    "$value": ["1.5rem", "24px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -186,7 +186,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "24px",
+      "$value": "24px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -200,7 +200,7 @@
     "path": ["base", "size", "24"]
   },
   "base-size-28": {
-    "value": ["1.75rem", "28px"],
+    "$value": ["1.75rem", "28px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -211,7 +211,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "28px",
+      "$value": "28px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -225,7 +225,7 @@
     "path": ["base", "size", "28"]
   },
   "base-size-32": {
-    "value": ["2rem", "32px"],
+    "$value": ["2rem", "32px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -236,7 +236,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "32px",
+      "$value": "32px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -250,7 +250,7 @@
     "path": ["base", "size", "32"]
   },
   "base-size-36": {
-    "value": ["2.25rem", "36px"],
+    "$value": ["2.25rem", "36px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -261,7 +261,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "36px",
+      "$value": "36px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -275,7 +275,7 @@
     "path": ["base", "size", "36"]
   },
   "base-size-40": {
-    "value": ["2.5rem", "40px"],
+    "$value": ["2.5rem", "40px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -286,7 +286,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "40px",
+      "$value": "40px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -300,7 +300,7 @@
     "path": ["base", "size", "40"]
   },
   "base-size-44": {
-    "value": ["2.75rem", "44px"],
+    "$value": ["2.75rem", "44px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -311,7 +311,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "44px",
+      "$value": "44px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -325,7 +325,7 @@
     "path": ["base", "size", "44"]
   },
   "base-size-48": {
-    "value": ["3rem", "48px"],
+    "$value": ["3rem", "48px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -336,7 +336,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "48px",
+      "$value": "48px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -350,7 +350,7 @@
     "path": ["base", "size", "48"]
   },
   "base-size-64": {
-    "value": ["4rem", "64px"],
+    "$value": ["4rem", "64px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -361,7 +361,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "64px",
+      "$value": "64px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -375,7 +375,7 @@
     "path": ["base", "size", "64"]
   },
   "base-size-80": {
-    "value": ["5rem", "80px"],
+    "$value": ["5rem", "80px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -386,7 +386,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "80px",
+      "$value": "80px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -400,7 +400,7 @@
     "path": ["base", "size", "80"]
   },
   "base-size-96": {
-    "value": ["6rem", "96px"],
+    "$value": ["6rem", "96px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -411,7 +411,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "96px",
+      "$value": "96px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -425,7 +425,7 @@
     "path": ["base", "size", "96"]
   },
   "base-size-112": {
-    "value": ["7rem", "112px"],
+    "$value": ["7rem", "112px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -436,7 +436,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "112px",
+      "$value": "112px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -450,7 +450,7 @@
     "path": ["base", "size", "112"]
   },
   "base-size-128": {
-    "value": ["8rem", "128px"],
+    "$value": ["8rem", "128px"],
     "$type": "dimension",
     "$extensions": {
       "org.primer.figma": {
@@ -461,7 +461,7 @@
     "filePath": "src/tokens/base/size/size.json",
     "isSource": true,
     "original": {
-      "value": "128px",
+      "$value": "128px",
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {