{
  reactionButton: {
    selected: {
      bgColor: {
        rest: {
          $value: '{base.color.blue.0}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: '{base.color.blue.4}',
                alpha: 0.2,
              },
            },
          },
        },
        hover: {
          $value: {
            colorSpace: 'hsl',
            components: [201.5, 100, 89.6],
            hex: '#caecff',
          },
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: ['bgColor'],
            },
            'org.primer.overrides': {
              dark: {
                $value: {
                  colorSpace: 'hsl',
                  components: [214.8, 98, 61],
                  hex: '#3a8cfd',
                },
                alpha: 0.36,
              },
              'dark-dimmed': {
                $value: {
                  colorSpace: 'hsl',
                  components: [215.3, 75.8, 57.8],
                  hex: '#4285e5',
                },
                alpha: 0.36,
              },
              'light-high-contrast': '#c7e9ff',
              'dark-high-contrast': {
                $value: {
                  colorSpace: 'hsl',
                  components: [210.4, 100, 68.2],
                  hex: '#5dadff',
                },
                alpha: 0.36,
              },
            },
          },
        },
      },
      fgColor: {
        rest: {
          $value: '{fgColor.link}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: ['fgColor'],
            },
          },
        },
        hover: {
          $value: '{base.color.blue.6}',
          $type: 'color',
          $extensions: {
            'org.primer.figma': {
              collection: 'mode',
              group: 'component (internal)',
              scopes: ['fgColor'],
            },
            'org.primer.overrides': {
              dark: '{base.color.blue.2}',
            },
          },
        },
      },
    },
  },
}