@primer/primitives 11.4.1-rc.eb8ee149 → 11.5.0-rc.14eaeb12

package/src/tokens/base/color/dark/dark.high-contrast.json5

@@ -6,7 +6,11 @@
   base: {
     color: {
       black: {
-        $value: '#010409',
+        $value: {
+          colorSpace: 'hsl',
+          components: [217.5, 80, 2],
+          hex: '#010409',
+        },
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -16,7 +20,11 @@
       },
       blue: {
         '0': {
-          $value: '#caeaff',
+          $value: {
+            colorSpace: 'hsl',
+            components: [203.8, 100, 89.6],
+            hex: '#caeaff',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -25,7 +33,11 @@
           },
         },
         '1': {
-          $value: '#addcff',
+          $value: {
+            colorSpace: 'hsl',
+            components: [205.6, 100, 83.9],
+            hex: '#addcff',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -34,7 +46,11 @@
           },
         },
         '2': {
-          $value: '#91cbff',
+          $value: {
+            colorSpace: 'hsl',
+            components: [208.4, 100, 78.4],
+            hex: '#91cbff',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -43,7 +59,11 @@
           },
         },
         '3': {
-          $value: '#71b7ff',
+          $value: {
+            colorSpace: 'hsl',
+            components: [210.4, 100, 72.2],
+            hex: '#71b7ff',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -52,7 +72,11 @@
           },
         },
         '4': {
-          $value: '#5CACFF',
+          $value: {
+            colorSpace: 'hsl',
+            components: [210.6, 100, 68],
+            hex: '#5CACFF',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -61,7 +85,11 @@
           },
         },
         '5': {
-          $value: '#409eff',
+          $value: {
+            colorSpace: 'hsl',
+            components: [210.5, 100, 62.5],
+            hex: '#409eff',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -70,7 +98,11 @@
           },
         },
         '6': {
-          $value: '#318bf8',
+          $value: {
+            colorSpace: 'hsl',
+            components: [212.9, 93.4, 58.2],
+            hex: '#318bf8',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -79,7 +111,11 @@
           },
         },
         '7': {
-          $value: '#2672f3',
+          $value: {
+            colorSpace: 'hsl',
+            components: [217.8, 89.5, 55.1],
+            hex: '#2672f3',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -88,7 +124,11 @@
           },
         },
         '8': {
-          $value: '#1e60d5',
+          $value: {
+            colorSpace: 'hsl',
+            components: [218.4, 75.3, 47.6],
+            hex: '#1e60d5',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -97,7 +137,11 @@
           },
         },
         '9': {
-          $value: '#194fb1',
+          $value: {
+            colorSpace: 'hsl',
+            components: [218.7, 75.2, 39.6],
+            hex: '#194fb1',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -108,7 +152,11 @@
       },
       green: {
         '0': {
-          $value: '#acf7b6',
+          $value: {
+            colorSpace: 'hsl',
+            components: [128, 82.4, 82.2],
+            hex: '#acf7b6',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -117,7 +165,11 @@
           },
         },
         '1': {
-          $value: '#72f088',
+          $value: {
+            colorSpace: 'hsl',
+            components: [130.5, 80.8, 69.4],
+            hex: '#72f088',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -126,7 +178,11 @@
           },
         },
         '2': {
-          $value: '#4ae168',
+          $value: {
+            colorSpace: 'hsl',
+            components: [131.9, 71.6, 58.6],
+            hex: '#4ae168',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -135,7 +191,11 @@
           },
         },
         '3': {
-          $value: '#28D751',
+          $value: {
+            colorSpace: 'hsl',
+            components: [134.1, 68.6, 50],
+            hex: '#28D751',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -144,7 +204,11 @@
           },
         },
         '4': {
-          $value: '#0AC740',
+          $value: {
+            colorSpace: 'hsl',
+            components: [137.1, 90.4, 41],
+            hex: '#0AC740',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -153,7 +217,11 @@
           },
         },
         '5': {
-          $value: '#09b43a',
+          $value: {
+            colorSpace: 'hsl',
+            components: [137.2, 90.5, 37.1],
+            hex: '#09b43a',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -162,7 +230,11 @@
           },
         },
         '6': {
-          $value: '#02a232',
+          $value: {
+            colorSpace: 'hsl',
+            components: [138, 97.6, 32.2],
+            hex: '#02a232',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -171,7 +243,11 @@
           },
         },
         '7': {
-          $value: '#008c2c',
+          $value: {
+            colorSpace: 'hsl',
+            components: [138.9, 100, 27.5],
+            hex: '#008c2c',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -180,7 +256,11 @@
           },
         },
         '8': {
-          $value: '#007728',
+          $value: {
+            colorSpace: 'hsl',
+            components: [140.2, 100, 23.3],
+            hex: '#007728',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -189,7 +269,11 @@
           },
         },
         '9': {
-          $value: '#006222',
+          $value: {
+            colorSpace: 'hsl',
+            components: [140.8, 100, 19.2],
+            hex: '#006222',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -200,7 +284,11 @@
       },
       yellow: {
         '0': {
-          $value: '#fbe59e',
+          $value: {
+            colorSpace: 'hsl',
+            components: [45.8, 92.1, 80.2],
+            hex: '#fbe59e',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -209,7 +297,11 @@
           },
         },
         '1': {
-          $value: '#fbd669',
+          $value: {
+            colorSpace: 'hsl',
+            components: [44.8, 94.8, 69.8],
+            hex: '#fbd669',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -218,7 +310,11 @@
           },
         },
         '2': {
-          $value: '#f7c843',
+          $value: {
+            colorSpace: 'hsl',
+            components: [44.3, 91.8, 61.6],
+            hex: '#f7c843',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -227,7 +323,11 @@
           },
         },
         '3': {
-          $value: '#f0b72f',
+          $value: {
+            colorSpace: 'hsl',
+            components: [42.3, 86.5, 56.3],
+            hex: '#f0b72f',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -236,7 +336,11 @@
           },
         },
         '4': {
-          $value: '#EDAA27',
+          $value: {
+            colorSpace: 'hsl',
+            components: [39.7, 84.6, 54.1],
+            hex: '#EDAA27',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -245,7 +349,11 @@
           },
         },
         '5': {
-          $value: '#e09b13',
+          $value: {
+            colorSpace: 'hsl',
+            components: [39.8, 84.4, 47.6],
+            hex: '#e09b13',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -254,7 +362,11 @@
           },
         },
         '6': {
-          $value: '#c88508',
+          $value: {
+            colorSpace: 'hsl',
+            components: [39.1, 92.3, 40.8],
+            hex: '#c88508',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -263,7 +375,11 @@
           },
         },
         '7': {
-          $value: '#ae7104',
+          $value: {
+            colorSpace: 'hsl',
+            components: [38.5, 95.5, 34.9],
+            hex: '#ae7104',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -272,7 +388,11 @@
           },
         },
         '8': {
-          $value: '#945d02',
+          $value: {
+            colorSpace: 'hsl',
+            components: [37.4, 97.3, 29.4],
+            hex: '#945d02',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -281,7 +401,11 @@
           },
         },
         '9': {
-          $value: '#7b4900',
+          $value: {
+            colorSpace: 'hsl',
+            components: [35.6, 100, 24.1],
+            hex: '#7b4900',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -292,7 +416,11 @@
       },
       orange: {
         '0': {
-          $value: '#ffe1b4',
+          $value: {
+            colorSpace: 'hsl',
+            components: [36, 100, 85.3],
+            hex: '#ffe1b4',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -301,7 +429,11 @@
           },
         },
         '1': {
-          $value: '#ffcf86',
+          $value: {
+            colorSpace: 'hsl',
+            components: [36.2, 100, 76.3],
+            hex: '#ffcf86',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -310,7 +442,11 @@
           },
         },
         '2': {
-          $value: '#ffb757',
+          $value: {
+            colorSpace: 'hsl',
+            components: [34.3, 100, 67.1],
+            hex: '#ffb757',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -319,7 +455,11 @@
           },
         },
         '3': {
-          $value: '#fe9a2d',
+          $value: {
+            colorSpace: 'hsl',
+            components: [31.3, 99.1, 58.6],
+            hex: '#fe9a2d',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -328,7 +468,11 @@
           },
         },
         '4': {
-          $value: '#F48B25',
+          $value: {
+            colorSpace: 'hsl',
+            components: [29.6, 90.4, 55.1],
+            hex: '#F48B25',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -337,7 +481,11 @@
           },
         },
         '5': {
-          $value: '#e7811d',
+          $value: {
+            colorSpace: 'hsl',
+            components: [29.7, 80.8, 51],
+            hex: '#e7811d',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -346,7 +494,11 @@
           },
         },
         '6': {
-          $value: '#d57014',
+          $value: {
+            colorSpace: 'hsl',
+            components: [28.6, 82.8, 45.7],
+            hex: '#d57014',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -355,7 +507,11 @@
           },
         },
         '7': {
-          $value: '#bf5e0a',
+          $value: {
+            colorSpace: 'hsl',
+            components: [27.8, 90, 39.4],
+            hex: '#bf5e0a',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -364,7 +520,11 @@
           },
         },
         '8': {
-          $value: '#a74c00',
+          $value: {
+            colorSpace: 'hsl',
+            components: [27.3, 100, 32.7],
+            hex: '#a74c00',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -373,7 +533,11 @@
           },
         },
         '9': {
-          $value: '#8f3c00',
+          $value: {
+            colorSpace: 'hsl',
+            components: [25.2, 100, 28],
+            hex: '#8f3c00',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -384,7 +548,11 @@
       },
       red: {
         '0': {
-          $value: '#ffdedb',
+          $value: {
+            colorSpace: 'hsl',
+            components: [5, 100, 92.9],
+            hex: '#ffdedb',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -393,7 +561,11 @@
           },
         },
         '1': {
-          $value: '#ffc9c7',
+          $value: {
+            colorSpace: 'hsl',
+            components: [2.1, 100, 89],
+            hex: '#ffc9c7',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -402,7 +574,11 @@
           },
         },
         '2': {
-          $value: '#ffb1af',
+          $value: {
+            colorSpace: 'hsl',
+            components: [1.5, 100, 84.3],
+            hex: '#ffb1af',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -411,7 +587,11 @@
           },
         },
         '3': {
-          $value: '#ff9492',
+          $value: {
+            colorSpace: 'hsl',
+            components: [1.1, 100, 78.6],
+            hex: '#ff9492',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -420,7 +600,11 @@
           },
         },
         '4': {
-          $value: '#FF8080',
+          $value: {
+            colorSpace: 'hsl',
+            components: [0, 100, 75.1],
+            hex: '#FF8080',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -429,7 +613,11 @@
           },
         },
         '5': {
-          $value: '#ff6a69',
+          $value: {
+            colorSpace: 'hsl',
+            components: [0.4, 100, 70.6],
+            hex: '#ff6a69',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -438,7 +626,11 @@
           },
         },
         '6': {
-          $value: '#ff4445',
+          $value: {
+            colorSpace: 'hsl',
+            components: [359.7, 100, 63.3],
+            hex: '#ff4445',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -447,7 +639,11 @@
           },
         },
         '7': {
-          $value: '#e82a2f',
+          $value: {
+            colorSpace: 'hsl',
+            components: [358.4, 80.5, 53.7],
+            hex: '#e82a2f',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -456,7 +652,11 @@
           },
         },
         '8': {
-          $value: '#cc1421',
+          $value: {
+            colorSpace: 'hsl',
+            components: [355.8, 82.1, 43.9],
+            hex: '#cc1421',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -465,7 +665,11 @@
           },
         },
         '9': {
-          $value: '#ad0116',
+          $value: {
+            colorSpace: 'hsl',
+            components: [352.7, 98.9, 34.1],
+            hex: '#ad0116',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -476,7 +680,11 @@
       },
       purple: {
         '0': {
-          $value: '#f0dfff',
+          $value: {
+            colorSpace: 'hsl',
+            components: [271.9, 100, 93.7],
+            hex: '#f0dfff',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -485,7 +693,11 @@
           },
         },
         '1': {
-          $value: '#e6ccff',
+          $value: {
+            colorSpace: 'hsl',
+            components: [270.6, 100, 90],
+            hex: '#e6ccff',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -494,7 +706,11 @@
           },
         },
         '2': {
-          $value: '#dbb7ff',
+          $value: {
+            colorSpace: 'hsl',
+            components: [270, 100, 85.9],
+            hex: '#dbb7ff',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -503,7 +719,11 @@
           },
         },
         '3': {
-          $value: '#cb9eff',
+          $value: {
+            colorSpace: 'hsl',
+            components: [267.8, 100, 81],
+            hex: '#cb9eff',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -512,7 +732,11 @@
           },
         },
         '4': {
-          $value: '#BF8FFF',
+          $value: {
+            colorSpace: 'hsl',
+            components: [265.7, 100, 78],
+            hex: '#BF8FFF',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -521,7 +745,11 @@
           },
         },
         '5': {
-          $value: '#b87fff',
+          $value: {
+            colorSpace: 'hsl',
+            components: [266.7, 100, 74.9],
+            hex: '#b87fff',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -530,7 +758,11 @@
           },
         },
         '6': {
-          $value: '#a66bff',
+          $value: {
+            colorSpace: 'hsl',
+            components: [263.9, 100, 71],
+            hex: '#a66bff',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -539,7 +771,11 @@
           },
         },
         '7': {
-          $value: '#954ffd',
+          $value: {
+            colorSpace: 'hsl',
+            components: [264.1, 97.8, 65.1],
+            hex: '#954ffd',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -548,7 +784,11 @@
           },
         },
         '8': {
-          $value: '#8031f7',
+          $value: {
+            colorSpace: 'hsl',
+            components: [263.9, 92.5, 58],
+            hex: '#8031f7',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -557,7 +797,11 @@
           },
         },
         '9': {
-          $value: '#6921d7',
+          $value: {
+            colorSpace: 'hsl',
+            components: [263.7, 73.4, 48.6],
+            hex: '#6921d7',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -568,7 +812,11 @@
       },
       pink: {
         '0': {
-          $value: '#ffdceb',
+          $value: {
+            colorSpace: 'hsl',
+            components: [334.3, 100, 93.1],
+            hex: '#ffdceb',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -577,7 +825,11 @@
           },
         },
         '1': {
-          $value: '#ffc7e1',
+          $value: {
+            colorSpace: 'hsl',
+            components: [332.1, 100, 89],
+            hex: '#ffc7e1',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -586,7 +838,11 @@
           },
         },
         '2': {
-          $value: '#ffadd4',
+          $value: {
+            colorSpace: 'hsl',
+            components: [331.5, 100, 83.9],
+            hex: '#ffadd4',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -595,7 +851,11 @@
           },
         },
         '3': {
-          $value: '#ff8dc7',
+          $value: {
+            colorSpace: 'hsl',
+            components: [329.5, 100, 77.6],
+            hex: '#ff8dc7',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -604,7 +864,11 @@
           },
         },
         '4': {
-          $value: '#F87CBD',
+          $value: {
+            colorSpace: 'hsl',
+            components: [328.5, 89.9, 72.9],
+            hex: '#F87CBD',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -613,7 +877,11 @@
           },
         },
         '5': {
-          $value: '#ef6eb1',
+          $value: {
+            colorSpace: 'hsl',
+            components: [328.8, 80.1, 68.4],
+            hex: '#ef6eb1',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -622,7 +890,11 @@
           },
         },
         '6': {
-          $value: '#e456a3',
+          $value: {
+            colorSpace: 'hsl',
+            components: [327.5, 72.4, 61.6],
+            hex: '#e456a3',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -631,7 +903,11 @@
           },
         },
         '7': {
-          $value: '#d23d91',
+          $value: {
+            colorSpace: 'hsl',
+            components: [326.2, 62.3, 53.1],
+            hex: '#d23d91',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -640,7 +916,11 @@
           },
         },
         '8': {
-          $value: '#b72c7d',
+          $value: {
+            colorSpace: 'hsl',
+            components: [325, 61.2, 44.5],
+            hex: '#b72c7d',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -649,7 +929,11 @@
           },
         },
         '9': {
-          $value: '#9c1d6a',
+          $value: {
+            colorSpace: 'hsl',
+            components: [323.6, 68.6, 36.3],
+            hex: '#9c1d6a',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -660,7 +944,11 @@
       },
       coral: {
         '0': {
-          $value: '#ffded4',
+          $value: {
+            colorSpace: 'hsl',
+            components: [14, 100, 91.6],
+            hex: '#ffded4',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -669,7 +957,11 @@
           },
         },
         '1': {
-          $value: '#ffcbb9',
+          $value: {
+            colorSpace: 'hsl',
+            components: [15.4, 100, 86.3],
+            hex: '#ffcbb9',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -678,7 +970,11 @@
           },
         },
         '2': {
-          $value: '#ffb39b',
+          $value: {
+            colorSpace: 'hsl',
+            components: [14.4, 100, 80.4],
+            hex: '#ffb39b',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -687,7 +983,11 @@
           },
         },
         '3': {
-          $value: '#ff967d',
+          $value: {
+            colorSpace: 'hsl',
+            components: [11.5, 100, 74.5],
+            hex: '#ff967d',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -696,7 +996,11 @@
           },
         },
         '4': {
-          $value: '#FD8468',
+          $value: {
+            colorSpace: 'hsl',
+            components: [11.3, 97.4, 70],
+            hex: '#FD8468',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -705,7 +1009,11 @@
           },
         },
         '5': {
-          $value: '#fc704f',
+          $value: {
+            colorSpace: 'hsl',
+            components: [11.4, 96.6, 64.9],
+            hex: '#fc704f',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -714,7 +1022,11 @@
           },
         },
         '6': {
-          $value: '#f75133',
+          $value: {
+            colorSpace: 'hsl',
+            components: [9.2, 92.5, 58.4],
+            hex: '#f75133',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -723,7 +1035,11 @@
           },
         },
         '7': {
-          $value: '#e03b21',
+          $value: {
+            colorSpace: 'hsl',
+            components: [8.2, 75.5, 50.4],
+            hex: '#e03b21',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -732,7 +1048,11 @@
           },
         },
         '8': {
-          $value: '#c62612',
+          $value: {
+            colorSpace: 'hsl',
+            components: [6.7, 83.3, 42.4],
+            hex: '#c62612',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -741,7 +1061,11 @@
           },
         },
         '9': {
-          $value: '#a91500',
+          $value: {
+            colorSpace: 'hsl',
+            components: [7.5, 100, 33.1],
+            hex: '#a91500',
+          },
           $type: 'color',
           $extensions: {
             'org.primer.figma': {