fix: explicitly set the list style type on the UnorderedList and OrderedList components (#2966)

Author: shleewhite

.changeset/selfish-trains-attack.md

@@ -0,0 +1,6 @@
+---
+'@twilio-paste/list': patch
+'@twilio-paste/core': patch
+---
+
+[List] explicitly set the list style type on UnorderedList and OrderedList components.

packages/paste-core/components/list/src/List.tsx

@@ -6,7 +6,7 @@ import {isMarginTokenProp} from '@twilio-paste/style-props';
 import type {AsTags, BaseListProps} from './types';
 
 const List = React.forwardRef<HTMLOListElement | HTMLUListElement, BaseListProps>(
-  ({as, children, element = 'LIST', ...props}, ref) => {
+  ({as, children, element = 'LIST', listStyleType = 'disc', ...props}, ref) => {
     return (
       <Text
         {...props}
@@ -17,6 +17,7 @@ const List = React.forwardRef<HTMLOListElement | HTMLUListElement, BaseListProps
         fontWeight="fontWeightNormal"
         lineHeight="lineHeight40"
         marginLeft="space70"
+        listStyleType={listStyleType}
         ref={ref}
       >
         {children}

packages/paste-core/components/list/src/OrderedList.tsx

@@ -15,6 +15,7 @@ const OrderedList = React.forwardRef<HTMLOListElement, OrderedListProps>(
         element={element}
         marginTop={marginTop}
         marginBottom={marginBottom}
+        listStyleType="decimal"
         ref={ref}
       >
         {children}

packages/paste-core/components/list/src/UnorderedList.tsx

@@ -16,6 +16,7 @@ const UnorderedList = React.forwardRef<HTMLUListElement, UnorderedListProps>(
         marginTop={marginTop}
         marginBottom={marginBottom}
         ref={ref}
+        listStyleType="disc"
       >
         {children}
       </List>

packages/paste-core/components/list/src/types.ts

@@ -3,7 +3,9 @@ import type {Space} from '@twilio-paste/style-props';
 
 export type AsTags = 'ol' | 'ul';
 
-export interface BaseListProps extends React.OlHTMLAttributes<HTMLElement>, Pick<TextProps, 'element'> {
+export interface BaseListProps
+  extends React.OlHTMLAttributes<HTMLElement>,
+    Pick<TextProps, 'element' | 'listStyleType'> {
   className?: never;
   style?: never;
   as: AsTags;