docs: consistency improvements between docs

src/components/Accordion/Accordion.tsx

@@ -20,7 +20,7 @@ type AccordionProps = {
   /**
    * Outline variant adds adjusts the `Accordion` style by defining a containing border and other layout adjustments.
    *
-   * **Default is `false`.**
+   * **Default is `false`**.
    */
   hasOutline?: boolean;
   /**
@@ -49,7 +49,7 @@ type AccordionButtonProps = {
   /**
    * Icon override for component.
    *
-   * **Default is `expand-more`**.
+   * **Default is `"expand-more"`**.
    */
   icon?: Extract<IconName, 'expand-more'>;
   /**

src/components/Card/Card.stories.tsx

@@ -58,7 +58,7 @@ export const Horizontal: StoryObj<Args> = {
 };
 
 /**
- * Shows `Card` with `elevation` set to `'raised'`
+ * Shows `Card` with `elevation` set to `"raised"`
  */
 export const Raised: StoryObj<Args> = {
   args: {
@@ -67,7 +67,7 @@ export const Raised: StoryObj<Args> = {
 };
 
 /**
- * Shows `Card` with `elevation` set to `'dragging'`
+ * Shows `Card` with `elevation` set to `"dragging"`
  */
 export const Dragging: StoryObj<Args> = {
   args: {

src/components/Card/Card.tsx

@@ -18,13 +18,13 @@ export interface CardProps extends HTMLAttributes<HTMLElement> {
    * - **raised** renders the card that is raised off of the canvas (box-shadow applied)
    * - **dragging** renders the card that is raised even further off the canvas (during drag)
    *
-   * **Default is `'none'`.**
+   * **Default is `'none'`**.
    */
   elevation?: 'none' | 'raised' | 'dragging';
   /**
    * Property to apply a "dragging" elevation. Can be use while card is in a moving state.
    *
-   * **Default is `'false'`.**
+   * **Default is `false`**.
    */
   isDragging?: boolean;
   /**
@@ -33,7 +33,7 @@ export interface CardProps extends HTMLAttributes<HTMLElement> {
    * - **horizontal** renders the header, body, and footer in a horizontal fashion
    * where the body is required but the header and footer are not
    *
-   * **Default is `'vertical'`.**
+   * **Default is `"vertical"`**.
    * @deprecated
    */
   orientation?: 'vertical' | 'horizontal';

src/components/Checkbox/Checkbox.tsx

@@ -45,7 +45,7 @@ type CheckboxProps = Omit<CheckboxInputProps, 'id'> & {
   /**
    * Size of the checkbox and associated label.
    *
-   * **Defaults to 'lg'.**
+   * **Default is `"lg"`**.
    */
   size?: Extract<Size, 'md' | 'lg'>;
 } & EitherInclusive<

src/components/InputField/InputField.tsx

@@ -41,7 +41,7 @@ export type InputFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {
   /**
    * Error variant of the form field
    *
-   * **Default is `false`.**
+   * **Default is `false`**.
    */
   isError?: boolean;
   /**

src/components/InputLabel/InputLabel.tsx

@@ -19,7 +19,7 @@ export type InputLabelProps = {
   /**
    * Size of the label.
    *
-   * **Defaults to 'lg'.**
+   * **Default is `"lg"`**.
    */
   size?: Extract<Size, 'md' | 'lg'>;
   /**

src/components/Modal/Modal.tsx

@@ -29,6 +29,8 @@ type ModalContentProps = {
   children: ReactNode;
   /**
    * Hides the close button in the top right of the modal.
+   *
+   * **Default is `false`**.
    */
   hideCloseButton?: boolean;
   /**
@@ -52,7 +54,8 @@ type ModalContentProps = {
    * Prop should be dependent on whether content overflows at the mobile level.
    * Tabindex for keyboard scroll is on the body, however, due to focus outline
    * not having high contrast on the brand header and being overlapped by the footer.
-   * Defaults to false since modal default is not scrollable.
+   *
+   * **Default is `false`**.
    */
   isScrollable?: boolean;
   /**
@@ -75,6 +78,8 @@ type ModalContentProps = {
   /**
    * Max size of the modal. Defaults to 'lg'.
    * Will still break responsively.
+   *
+   * **Default is `"lg"`**.
    */
   size?: Extract<Size, 'sm' | 'md' | 'lg'>;
   /**

src/components/NumberIcon/NumberIcon.tsx

@@ -32,13 +32,13 @@ export interface Props {
   /**
    * The size of the icon.
    *
-   * **Defaults to 'lg'**
+   * **Default is `"lg"`**.
    */
   size?: Extract<Size, 'sm' | 'lg'>;
   /**
    * The variant of the icon.
    *
-   * **Defaults to 'base'**
+   * **Default is `"base"`**.
    *
    * Variant `success` will use a symbol to mark success, along with different color tokens
    */

src/components/Table/Table.stories.tsx

@@ -1,7 +1,7 @@
 import type { StoryObj, Meta } from '@storybook/react';
 import React, { useState } from 'react';
 
-// Implementation examples, separated out int separate files
+// Implementation examples, separated out into separate files
 import { Filters } from './Filters';
 import { StackedCardsToTable } from './StackedCardsToTable';
 

src/components/Tag/Tag.tsx

@@ -18,7 +18,7 @@ type Props = {
   /**
    * The color variant of the tag. It will update the content colors, background color, and border (when `hasOutline` is set to `true`).
    *
-   * **Defaults to 'neutral'.**
+   * **Default is `"neutral"`**.
    */
   variant?: Variant;
   /**
@@ -36,7 +36,7 @@ type Props = {
   /**
    * Adds an outline for the tag.
    *
-   * **Defaults to `false`.**
+   * **Default is `false`**.
    */
   hasOutline?: boolean;
 };

src/components/Tooltip/Tooltip.tsx

@@ -64,7 +64,7 @@ type TooltipProps = {
   /**
    * Where the tooltip should be placed in relation to the element it's attached to.
    *
-   * **Default is `'top'`.**
+   * **Default is `"top"`**.
    */
   placement?: 'top' | 'right' | 'bottom' | 'left';
   /**