Remove StyledOcticon

Author: jonrohan

e2e/components/StyledOcticon.test.ts renamed to e2e/components/Octicon.test.ts

@@ -2,25 +2,25 @@ import {test, expect} from '@playwright/test'
 import {visit} from '../test-helpers/storybook'
 import {themes} from '../test-helpers/themes'
 
-test.describe('StyledOcticon', () => {
+test.describe('Octicon', () => {
   test.describe('Default', () => {
     for (const theme of themes) {
       test.describe(theme, () => {
         test('default @vrt', async ({page}) => {
           await visit(page, {
-            id: 'components-styledocticon--default',
+            id: 'components-octicon--default',
             globals: {
               colorScheme: theme,
             },
           })
 
           // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`StyledOcticon.Default.${theme}.png`)
+          expect(await page.screenshot()).toMatchSnapshot(`Octicon.Default.${theme}.png`)
         })
 
         test('axe @aat', async ({page}) => {
           await visit(page, {
-            id: 'components-styledocticon--default',
+            id: 'components-octicon--default',
             globals: {
               colorScheme: theme,
             },
@@ -36,19 +36,19 @@ test.describe('StyledOcticon', () => {
       test.describe(theme, () => {
         test('default @vrt', async ({page}) => {
           await visit(page, {
-            id: 'components-styledocticon--playground',
+            id: 'components-octicon--playground',
             globals: {
               colorScheme: theme,
             },
           })
 
           // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`StyledOcticon.Playground.${theme}.png`)
+          expect(await page.screenshot()).toMatchSnapshot(`Octicon.Playground.${theme}.png`)
         })
 
         test('axe @aat', async ({page}) => {
           await visit(page, {
-            id: 'components-styledocticon--playground',
+            id: 'components-octicon--playground',
             globals: {
               colorScheme: theme,
             },

examples/nextjs/package-lock.json

@@ -1114,15 +1114,15 @@ const components = new Map([
     },
   ],
   [
-    'StyledOcticon',
+    'Octicon',
     {
       stories: [
         {
-          id: 'components-styledocticon--default',
+          id: 'components-octicon--default',
           name: 'Default',
         },
         {
-          id: 'components-styledocticon--playground',
+          id: 'components-octicon--playground',
           name: 'Playground',
         },
       ],

script/generate-e2e-tests.js

@@ -1,16 +1,16 @@
 import React from 'react'
 import {Meta, ComponentStory} from '@storybook/react'
-import StyledOcticon from './StyledOcticon'
+import Octicon from './Octicon'
 import {HeartFillIcon} from '@primer/octicons-react'
 
 export default {
-  title: 'Components/StyledOcticon',
-  component: StyledOcticon,
-} as Meta<typeof StyledOcticon>
+  title: 'Components/Octicon',
+  component: Octicon,
+} as Meta<typeof Octicon>
 
-export const Default = () => <StyledOcticon icon={HeartFillIcon} size={32} />
+export const Default = () => <Octicon icon={HeartFillIcon} size={32} />
 
-export const Playground: ComponentStory<typeof StyledOcticon> = args => <StyledOcticon icon={HeartFillIcon} {...args} />
+export const Playground: ComponentStory<typeof Octicon> = args => <Octicon icon={HeartFillIcon} {...args} />
 
 Playground.args = {
   ariaLabel: 'Heart',

src/StyledOcticon/StyledOcticon.stories.tsx renamed to src/Octicon/Octicon.stories.tsx

@@ -57,7 +57,6 @@ exports[`@primer/react should not update exports without a semver change 1`] = `
   "Spinner",
   "SplitPageLayout",
   "StateLabel",
-  "StyledOcticon",
   "SubNav",
   "TabNav",
   "Text",