fix: list style type

.changeset/cool-eyes-bow.md

@@ -0,0 +1,6 @@
+---
+'@twilio-paste/text': patch
+'@twilio-paste/core': patch
+---
+
+[Text] exposing missing typography style properties that are allowed via typescript, but aren't actually implemented on the component. These include list-style-type, textOverflow and overflowWrap

packages/paste-core/components/list/__tests__/index.spec.tsx

@@ -29,6 +29,19 @@ describe('Ordered List', () => {
       expect(renderedList).toHaveStyleRule('margin-bottom', '0.75rem');
     });
 
+    it('should set list style type styles to combat css reset stylesheets', () => {
+      render(
+        <CustomizationProvider baseTheme="default" theme={TestTheme}>
+          <OrderedList data-testID="ordered-list">Children</OrderedList>
+          <UnorderedList data-testID="unordered-list">Children</UnorderedList>
+        </CustomizationProvider>
+      );
+      const renderedOrderedList = screen.getByTestId('ordered-list');
+      const renderedUnorderedList = screen.getByTestId('unordered-list');
+      expect(renderedOrderedList).toHaveStyleRule('list-style-type', 'decimal');
+      expect(renderedUnorderedList).toHaveStyleRule('list-style-type', 'disc');
+    });
+
     it('should allow aria attributes', () => {
       render(<OrderedList aria-expanded="true">Children</OrderedList>);
       const renderedList = screen.getByRole('list');

packages/paste-core/primitives/text/src/CustomStyleProps.ts

@@ -12,4 +12,9 @@ export const customStyleProps = {
   wordBreak: true,
   wordWrap: true,
   fontVariantNumeric: true,
+  textOverflow: true,
+  overflowWrap: true,
+  listStyleType: true,
+  listStylePosition: true,
+  listStyleImage: true,
 };