fix(typography): correct Kbd Garden ID data attribute (#2042)

Author: jzempel

packages/typography/src/elements/Kbd.spec.tsx

@@ -16,6 +16,12 @@ describe('Kbd', () => {
     expect(container.firstChild!.nodeName).toBe('KBD');
   });
 
+  it('applies the expected Garden ID attribute', () => {
+    const { container } = render(<Kbd />);
+
+    expect(container.firstChild).toHaveAttribute('data-garden-id', 'typography.kbd');
+  });
+
   it('forces left-to-right text direction', () => {
     const { container } = renderRtl(<Kbd />);
 

packages/typography/src/styled/StyledKbd.ts

@@ -11,7 +11,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
 import { StyledCode } from './StyledCode';
 import { IKbdProps } from '../types';
 
-const COMPONENT_ID = 'typography.code';
+const COMPONENT_ID = 'typography.kbd';
 
 interface IStyledKbdProps extends ThemeProps<DefaultTheme> {
   $size?: IKbdProps['size'];