feat(NumberIcon): remove sm size variant

- also add export and nesting for V2 storybook

src/components/NumberIcon/NumberIcon-v2.module.css

@@ -26,14 +26,6 @@
 /**
  * Size Variants.
  */
-.number-icon--size-sm {
-  /* Line height set to 1 here since this should only ever be on 1 line and it evens out padding in circle. */
-  line-height: 1;
-  height: 1rem;
-  width: 1rem;
-  min-width: 1rem;
-}
-
 .number-icon--size-md {
   height: 1.5rem;
   width: 1.5rem;

src/components/NumberIcon/NumberIcon-v2.stories.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 import { NumberIcon } from './NumberIcon-v2';
 
 export default {
-  title: 'Components/NumberIcon (v2)',
+  title: 'Components/V2/NumberIcon',
   component: NumberIcon,
   parameters: {
     badges: ['intro-1.0', 'current-2.0'],
@@ -28,7 +28,6 @@ export const Sizes: Story = {
   render: (args) => {
     return (
       <>
-        <NumberIcon number={1} size="sm" {...args} />
         <NumberIcon number={2} size="md" {...args} />
         <NumberIcon number={3} size="lg" {...args} />
       </>
@@ -100,16 +99,16 @@ export const DifferentNumbers: Story = {
  */
 export const NumberIconList: Story = {
   parameters: {
-    badges: ['intro-1.0', 'implementationExample'],
+    badges: ['intro-1.0', 'current-2.0', 'implementationExample'],
   },
   render: () => (
     <div className="flex flex-wrap gap-1">
-      <NumberIcon aria-label="Item 1" number={1} size="sm" />
-      <NumberIcon aria-label="Item 2" number={2} size="sm" />
-      <NumberIcon aria-label="Item 3" number={3} size="sm" />
-      <NumberIcon aria-label="Item 4" number={4} size="sm" />
-      <NumberIcon aria-label="Item 5" number={5} size="sm" />
-      <NumberIcon aria-label="Item 6" number={6} size="sm" />
+      <NumberIcon aria-label="Item 1" number={1} size="md" />
+      <NumberIcon aria-label="Item 2" number={2} size="md" />
+      <NumberIcon aria-label="Item 3" number={3} size="md" />
+      <NumberIcon aria-label="Item 4" number={4} size="md" />
+      <NumberIcon aria-label="Item 5" number={5} size="md" />
+      <NumberIcon aria-label="Item 6" number={6} size="md" />
     </div>
   ),
 };

src/components/NumberIcon/NumberIcon-v2.tsx

@@ -30,7 +30,7 @@ export interface Props {
    *
    * **Default is `"lg"`**.
    */
-  size?: Extract<Size, 'sm' | 'md' | 'lg'>;
+  size?: Extract<Size, 'md' | 'lg'>;
   /**
    * Indication of the status of the referenced item
    */

src/components/NumberIcon/index.ts

@@ -1 +1,2 @@
 export { NumberIcon as default } from './NumberIcon';
+export { NumberIcon as NumberIconV2 } from './NumberIcon-v2';