@twilio-paste/list - npm Package Compare versions

Comparing version 8.2.0 to 8.2.1

dist/index.debug.es.js

@@ -157,4 +157,4 @@ // src/List.tsx
       width: "sizeSquare70",
-      fontSize: "fontSize50",
-      lineHeight: "lineHeight50"
+      fontSize: "fontSize40",
+      lineHeight: "lineHeight40"
     },
@@ -169,4 +169,4 @@ element: {
       width: "sizeSquare60",
-      fontSize: "fontSize40",
-      lineHeight: "lineHeight40"
+      fontSize: "fontSize30",
+      lineHeight: "lineHeight30"
     },
@@ -181,4 +181,4 @@ element: {
       width: "sizeSquare60",
-      fontSize: "fontSize30",
-      lineHeight: "lineHeight30"
+      fontSize: "fontSize20",
+      lineHeight: "lineHeight20"
     },
@@ -185,0 +185,0 @@ element: {

dist/index.debug.js

@@ -195,4 +195,4 @@ "use strict";
       width: "sizeSquare70",
-      fontSize: "fontSize50",
-      lineHeight: "lineHeight50"
+      fontSize: "fontSize40",
+      lineHeight: "lineHeight40"
     },
@@ -207,4 +207,4 @@ element: {
       width: "sizeSquare60",
-      fontSize: "fontSize40",
-      lineHeight: "lineHeight40"
+      fontSize: "fontSize30",
+      lineHeight: "lineHeight30"
     },
@@ -219,4 +219,4 @@ element: {
       width: "sizeSquare60",
-      fontSize: "fontSize30",
-      lineHeight: "lineHeight30"
+      fontSize: "fontSize20",
+      lineHeight: "lineHeight20"
     },
@@ -223,0 +223,0 @@ element: {

dist/index.es.js

@@ -1,1 +0,1 @@
-import{Text}from"@twilio-paste/text";import*as React from"react";var List=React.forwardRef(({as,children,element="LIST",listStyleType="disc",...props},ref)=>React.createElement(Text,{...props,as,color:"colorText",element,fontSize:"fontSize30",fontWeight:"fontWeightNormal",lineHeight:"lineHeight40",marginLeft:"space70",listStyleType,ref},children));List.displayName="List";import{Text as Text2,safelySpreadTextProps}from"@twilio-paste/text";import*as React2 from"react";var ListItem=React2.forwardRef(({children,element="LIST_ITEM",...props},ref)=>React2.createElement(Text2,{...safelySpreadTextProps(props),as:"li",color:"colorText",element,fontSize:"fontSize30",fontWeight:"fontWeightNormal",lineHeight:"lineHeight40",marginBottom:"space30",marginTop:"space30",ref},children));ListItem.displayName="ListItem";import{safelySpreadTextProps as safelySpreadTextProps2}from"@twilio-paste/text";import*as React3 from"react";var OrderedList=React3.forwardRef(({children,element="ORDERED_LIST",marginTop,marginBottom="space70",...props},ref)=>React3.createElement(List,{...safelySpreadTextProps2(props),as:"ol",element,marginTop,marginBottom,listStyleType:"decimal",ref},children));OrderedList.displayName="OrderedList";import{Box}from"@twilio-paste/box";import{css,styled}from"@twilio-paste/styling-library";import{safelySpreadTextProps as safelySpreadTextProps3}from"@twilio-paste/text";import*as React5 from"react";import*as React4 from"react";var OrderedDisplayListContext=React4.createContext({variant:"heading30"});var GapStyles={heading20:"space100",heading30:"space90",heading40:"space80",heading50:"space70",heading60:"space60"},StyledOrderedList=styled(Box)(({variant})=>css({counterReset:"list-counter",margin:"space0",padding:"space0",listStyle:"none",display:"grid",gap:GapStyles[variant]})),OrderedDisplayList=React5.forwardRef(({children,element="ORDERED_DISPLAY_LIST",marginTop,marginBottom="space70",variant="heading30",...props},ref)=>React5.createElement(OrderedDisplayListContext.Provider,{value:{variant}},React5.createElement(StyledOrderedList,{...safelySpreadTextProps3(props),as:"ol",element,marginTop,marginBottom,ref,variant},children)));OrderedDisplayList.displayName="OrderedDisplayList";import{Box as Box2,safelySpreadBoxProps}from"@twilio-paste/box";import{css as css2,styled as styled2}from"@twilio-paste/styling-library";import*as React6 from"react";var VariantStyles={heading20:{before:{width:"sizeSquare100",fontSize:"fontSize70",lineHeight:"lineHeight70"},element:{fontSize:"fontSize40",lineHeight:"lineHeight40"}},heading30:{before:{width:"sizeSquare80",fontSize:"fontSize60",lineHeight:"lineHeight60"},element:{fontSize:"fontSize40",lineHeight:"lineHeight40"}},heading40:{before:{width:"sizeSquare70",fontSize:"fontSize50",lineHeight:"lineHeight50"},element:{fontSize:"fontSize30",lineHeight:"lineHeight30"}},heading50:{before:{width:"sizeSquare60",fontSize:"fontSize40",lineHeight:"lineHeight40"},element:{fontSize:"fontSize30",lineHeight:"lineHeight30"}},heading60:{before:{width:"sizeSquare60",fontSize:"fontSize30",lineHeight:"lineHeight30"},element:{fontSize:"fontSize20",lineHeight:"lineHeight20"}}},StyledOrderedListItem=styled2(Box2)(({variant})=>{let variantStyles=VariantStyles[variant];return css2({display:"grid",gridTemplateColumns:"auto 1fr",alignItems:"start",gap:"space70",...variantStyles.element,"&:before":{display:"inline-block",position:"relative",counterIncrement:"list-counter",content:"counter(list-counter)",color:"colorTextWeak",textAlign:"right",fontWeight:"fontWeightSemibold",...variantStyles.before}})}),OrderedDisplayListItem=React6.forwardRef(({children,element="ORDERED_DISPLAY_LIST_ITEM",...props},ref)=>{let{variant}=React6.useContext(OrderedDisplayListContext);return React6.createElement(StyledOrderedListItem,{...safelySpreadBoxProps(props),as:"li",element,variant,ref},React6.createElement("div",null,children))});OrderedDisplayListItem.displayName="OrderedDisplayListItem";import{Heading}from"@twilio-paste/heading";import*as React7 from"react";var OrderedDisplayListHeading=React7.forwardRef(({children,element="ORDERED_DISPLAY_LIST_HEADING",as="div",...props},ref)=>{let{variant}=React7.useContext(OrderedDisplayListContext);return React7.createElement(Heading,{...props,ref,as,variant,element,marginBottom:"space0"},children)});OrderedDisplayListHeading.displayName="OrderedDisplayListHeading";import{safelySpreadTextProps as safelySpreadTextProps4}from"@twilio-paste/text";import*as React8 from"react";var UnorderedList=React8.forwardRef(({children,element="UNORDERED_LIST",marginTop,marginBottom="space70",...props},ref)=>React8.createElement(List,{...safelySpreadTextProps4(props),as:"ul",element,marginTop,marginBottom,ref,listStyleType:"disc"},children));UnorderedList.displayName="UnorderedList";export{List,ListItem,OrderedDisplayList,OrderedDisplayListHeading,OrderedDisplayListItem,OrderedList,UnorderedList};
+import{Text}from"@twilio-paste/text";import*as React from"react";var List=React.forwardRef(({as,children,element="LIST",listStyleType="disc",...props},ref)=>React.createElement(Text,{...props,as,color:"colorText",element,fontSize:"fontSize30",fontWeight:"fontWeightNormal",lineHeight:"lineHeight40",marginLeft:"space70",listStyleType,ref},children));List.displayName="List";import{Text as Text2,safelySpreadTextProps}from"@twilio-paste/text";import*as React2 from"react";var ListItem=React2.forwardRef(({children,element="LIST_ITEM",...props},ref)=>React2.createElement(Text2,{...safelySpreadTextProps(props),as:"li",color:"colorText",element,fontSize:"fontSize30",fontWeight:"fontWeightNormal",lineHeight:"lineHeight40",marginBottom:"space30",marginTop:"space30",ref},children));ListItem.displayName="ListItem";import{safelySpreadTextProps as safelySpreadTextProps2}from"@twilio-paste/text";import*as React3 from"react";var OrderedList=React3.forwardRef(({children,element="ORDERED_LIST",marginTop,marginBottom="space70",...props},ref)=>React3.createElement(List,{...safelySpreadTextProps2(props),as:"ol",element,marginTop,marginBottom,listStyleType:"decimal",ref},children));OrderedList.displayName="OrderedList";import{Box}from"@twilio-paste/box";import{css,styled}from"@twilio-paste/styling-library";import{safelySpreadTextProps as safelySpreadTextProps3}from"@twilio-paste/text";import*as React5 from"react";import*as React4 from"react";var OrderedDisplayListContext=React4.createContext({variant:"heading30"});var GapStyles={heading20:"space100",heading30:"space90",heading40:"space80",heading50:"space70",heading60:"space60"},StyledOrderedList=styled(Box)(({variant})=>css({counterReset:"list-counter",margin:"space0",padding:"space0",listStyle:"none",display:"grid",gap:GapStyles[variant]})),OrderedDisplayList=React5.forwardRef(({children,element="ORDERED_DISPLAY_LIST",marginTop,marginBottom="space70",variant="heading30",...props},ref)=>React5.createElement(OrderedDisplayListContext.Provider,{value:{variant}},React5.createElement(StyledOrderedList,{...safelySpreadTextProps3(props),as:"ol",element,marginTop,marginBottom,ref,variant},children)));OrderedDisplayList.displayName="OrderedDisplayList";import{Box as Box2,safelySpreadBoxProps}from"@twilio-paste/box";import{css as css2,styled as styled2}from"@twilio-paste/styling-library";import*as React6 from"react";var VariantStyles={heading20:{before:{width:"sizeSquare100",fontSize:"fontSize70",lineHeight:"lineHeight70"},element:{fontSize:"fontSize40",lineHeight:"lineHeight40"}},heading30:{before:{width:"sizeSquare80",fontSize:"fontSize60",lineHeight:"lineHeight60"},element:{fontSize:"fontSize40",lineHeight:"lineHeight40"}},heading40:{before:{width:"sizeSquare70",fontSize:"fontSize40",lineHeight:"lineHeight40"},element:{fontSize:"fontSize30",lineHeight:"lineHeight30"}},heading50:{before:{width:"sizeSquare60",fontSize:"fontSize30",lineHeight:"lineHeight30"},element:{fontSize:"fontSize30",lineHeight:"lineHeight30"}},heading60:{before:{width:"sizeSquare60",fontSize:"fontSize20",lineHeight:"lineHeight20"},element:{fontSize:"fontSize20",lineHeight:"lineHeight20"}}},StyledOrderedListItem=styled2(Box2)(({variant})=>{let variantStyles=VariantStyles[variant];return css2({display:"grid",gridTemplateColumns:"auto 1fr",alignItems:"start",gap:"space70",...variantStyles.element,"&:before":{display:"inline-block",position:"relative",counterIncrement:"list-counter",content:"counter(list-counter)",color:"colorTextWeak",textAlign:"right",fontWeight:"fontWeightSemibold",...variantStyles.before}})}),OrderedDisplayListItem=React6.forwardRef(({children,element="ORDERED_DISPLAY_LIST_ITEM",...props},ref)=>{let{variant}=React6.useContext(OrderedDisplayListContext);return React6.createElement(StyledOrderedListItem,{...safelySpreadBoxProps(props),as:"li",element,variant,ref},React6.createElement("div",null,children))});OrderedDisplayListItem.displayName="OrderedDisplayListItem";import{Heading}from"@twilio-paste/heading";import*as React7 from"react";var OrderedDisplayListHeading=React7.forwardRef(({children,element="ORDERED_DISPLAY_LIST_HEADING",as="div",...props},ref)=>{let{variant}=React7.useContext(OrderedDisplayListContext);return React7.createElement(Heading,{...props,ref,as,variant,element,marginBottom:"space0"},children)});OrderedDisplayListHeading.displayName="OrderedDisplayListHeading";import{safelySpreadTextProps as safelySpreadTextProps4}from"@twilio-paste/text";import*as React8 from"react";var UnorderedList=React8.forwardRef(({children,element="UNORDERED_LIST",marginTop,marginBottom="space70",...props},ref)=>React8.createElement(List,{...safelySpreadTextProps4(props),as:"ul",element,marginTop,marginBottom,ref,listStyleType:"disc"},children));UnorderedList.displayName="UnorderedList";export{List,ListItem,OrderedDisplayList,OrderedDisplayListHeading,OrderedDisplayListItem,OrderedList,UnorderedList};

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{List:()=>List,ListItem:()=>ListItem,OrderedDisplayList:()=>OrderedDisplayList,OrderedDisplayListHeading:()=>OrderedDisplayListHeading,OrderedDisplayListItem:()=>OrderedDisplayListItem,OrderedList:()=>OrderedList,UnorderedList:()=>UnorderedList});module.exports=__toCommonJS(src_exports);var import_text=require("@twilio-paste/text"),React=__toESM(require("react")),List=React.forwardRef(({as,children,element="LIST",listStyleType="disc",...props},ref)=>React.createElement(import_text.Text,{...props,as,color:"colorText",element,fontSize:"fontSize30",fontWeight:"fontWeightNormal",lineHeight:"lineHeight40",marginLeft:"space70",listStyleType,ref},children));List.displayName="List";var import_text2=require("@twilio-paste/text"),React2=__toESM(require("react")),ListItem=React2.forwardRef(({children,element="LIST_ITEM",...props},ref)=>React2.createElement(import_text2.Text,{...(0,import_text2.safelySpreadTextProps)(props),as:"li",color:"colorText",element,fontSize:"fontSize30",fontWeight:"fontWeightNormal",lineHeight:"lineHeight40",marginBottom:"space30",marginTop:"space30",ref},children));ListItem.displayName="ListItem";var import_text3=require("@twilio-paste/text"),React3=__toESM(require("react"));var OrderedList=React3.forwardRef(({children,element="ORDERED_LIST",marginTop,marginBottom="space70",...props},ref)=>React3.createElement(List,{...(0,import_text3.safelySpreadTextProps)(props),as:"ol",element,marginTop,marginBottom,listStyleType:"decimal",ref},children));OrderedList.displayName="OrderedList";var import_box=require("@twilio-paste/box"),import_styling_library=require("@twilio-paste/styling-library"),import_text4=require("@twilio-paste/text"),React5=__toESM(require("react"));var React4=__toESM(require("react")),OrderedDisplayListContext=React4.createContext({variant:"heading30"});var GapStyles={heading20:"space100",heading30:"space90",heading40:"space80",heading50:"space70",heading60:"space60"},StyledOrderedList=(0,import_styling_library.styled)(import_box.Box)(({variant})=>(0,import_styling_library.css)({counterReset:"list-counter",margin:"space0",padding:"space0",listStyle:"none",display:"grid",gap:GapStyles[variant]})),OrderedDisplayList=React5.forwardRef(({children,element="ORDERED_DISPLAY_LIST",marginTop,marginBottom="space70",variant="heading30",...props},ref)=>React5.createElement(OrderedDisplayListContext.Provider,{value:{variant}},React5.createElement(StyledOrderedList,{...(0,import_text4.safelySpreadTextProps)(props),as:"ol",element,marginTop,marginBottom,ref,variant},children)));OrderedDisplayList.displayName="OrderedDisplayList";var import_box2=require("@twilio-paste/box"),import_styling_library2=require("@twilio-paste/styling-library"),React6=__toESM(require("react"));var VariantStyles={heading20:{before:{width:"sizeSquare100",fontSize:"fontSize70",lineHeight:"lineHeight70"},element:{fontSize:"fontSize40",lineHeight:"lineHeight40"}},heading30:{before:{width:"sizeSquare80",fontSize:"fontSize60",lineHeight:"lineHeight60"},element:{fontSize:"fontSize40",lineHeight:"lineHeight40"}},heading40:{before:{width:"sizeSquare70",fontSize:"fontSize50",lineHeight:"lineHeight50"},element:{fontSize:"fontSize30",lineHeight:"lineHeight30"}},heading50:{before:{width:"sizeSquare60",fontSize:"fontSize40",lineHeight:"lineHeight40"},element:{fontSize:"fontSize30",lineHeight:"lineHeight30"}},heading60:{before:{width:"sizeSquare60",fontSize:"fontSize30",lineHeight:"lineHeight30"},element:{fontSize:"fontSize20",lineHeight:"lineHeight20"}}},StyledOrderedListItem=(0,import_styling_library2.styled)(import_box2.Box)(({variant})=>{let variantStyles=VariantStyles[variant];return(0,import_styling_library2.css)({display:"grid",gridTemplateColumns:"auto 1fr",alignItems:"start",gap:"space70",...variantStyles.element,"&:before":{display:"inline-block",position:"relative",counterIncrement:"list-counter",content:"counter(list-counter)",color:"colorTextWeak",textAlign:"right",fontWeight:"fontWeightSemibold",...variantStyles.before}})}),OrderedDisplayListItem=React6.forwardRef(({children,element="ORDERED_DISPLAY_LIST_ITEM",...props},ref)=>{let{variant}=React6.useContext(OrderedDisplayListContext);return React6.createElement(StyledOrderedListItem,{...(0,import_box2.safelySpreadBoxProps)(props),as:"li",element,variant,ref},React6.createElement("div",null,children))});OrderedDisplayListItem.displayName="OrderedDisplayListItem";var import_heading=require("@twilio-paste/heading"),React7=__toESM(require("react"));var OrderedDisplayListHeading=React7.forwardRef(({children,element="ORDERED_DISPLAY_LIST_HEADING",as="div",...props},ref)=>{let{variant}=React7.useContext(OrderedDisplayListContext);return React7.createElement(import_heading.Heading,{...props,ref,as,variant,element,marginBottom:"space0"},children)});OrderedDisplayListHeading.displayName="OrderedDisplayListHeading";var import_text5=require("@twilio-paste/text"),React8=__toESM(require("react"));var UnorderedList=React8.forwardRef(({children,element="UNORDERED_LIST",marginTop,marginBottom="space70",...props},ref)=>React8.createElement(List,{...(0,import_text5.safelySpreadTextProps)(props),as:"ul",element,marginTop,marginBottom,ref,listStyleType:"disc"},children));UnorderedList.displayName="UnorderedList";
+"use strict";var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{List:()=>List,ListItem:()=>ListItem,OrderedDisplayList:()=>OrderedDisplayList,OrderedDisplayListHeading:()=>OrderedDisplayListHeading,OrderedDisplayListItem:()=>OrderedDisplayListItem,OrderedList:()=>OrderedList,UnorderedList:()=>UnorderedList});module.exports=__toCommonJS(src_exports);var import_text=require("@twilio-paste/text"),React=__toESM(require("react")),List=React.forwardRef(({as,children,element="LIST",listStyleType="disc",...props},ref)=>React.createElement(import_text.Text,{...props,as,color:"colorText",element,fontSize:"fontSize30",fontWeight:"fontWeightNormal",lineHeight:"lineHeight40",marginLeft:"space70",listStyleType,ref},children));List.displayName="List";var import_text2=require("@twilio-paste/text"),React2=__toESM(require("react")),ListItem=React2.forwardRef(({children,element="LIST_ITEM",...props},ref)=>React2.createElement(import_text2.Text,{...(0,import_text2.safelySpreadTextProps)(props),as:"li",color:"colorText",element,fontSize:"fontSize30",fontWeight:"fontWeightNormal",lineHeight:"lineHeight40",marginBottom:"space30",marginTop:"space30",ref},children));ListItem.displayName="ListItem";var import_text3=require("@twilio-paste/text"),React3=__toESM(require("react"));var OrderedList=React3.forwardRef(({children,element="ORDERED_LIST",marginTop,marginBottom="space70",...props},ref)=>React3.createElement(List,{...(0,import_text3.safelySpreadTextProps)(props),as:"ol",element,marginTop,marginBottom,listStyleType:"decimal",ref},children));OrderedList.displayName="OrderedList";var import_box=require("@twilio-paste/box"),import_styling_library=require("@twilio-paste/styling-library"),import_text4=require("@twilio-paste/text"),React5=__toESM(require("react"));var React4=__toESM(require("react")),OrderedDisplayListContext=React4.createContext({variant:"heading30"});var GapStyles={heading20:"space100",heading30:"space90",heading40:"space80",heading50:"space70",heading60:"space60"},StyledOrderedList=(0,import_styling_library.styled)(import_box.Box)(({variant})=>(0,import_styling_library.css)({counterReset:"list-counter",margin:"space0",padding:"space0",listStyle:"none",display:"grid",gap:GapStyles[variant]})),OrderedDisplayList=React5.forwardRef(({children,element="ORDERED_DISPLAY_LIST",marginTop,marginBottom="space70",variant="heading30",...props},ref)=>React5.createElement(OrderedDisplayListContext.Provider,{value:{variant}},React5.createElement(StyledOrderedList,{...(0,import_text4.safelySpreadTextProps)(props),as:"ol",element,marginTop,marginBottom,ref,variant},children)));OrderedDisplayList.displayName="OrderedDisplayList";var import_box2=require("@twilio-paste/box"),import_styling_library2=require("@twilio-paste/styling-library"),React6=__toESM(require("react"));var VariantStyles={heading20:{before:{width:"sizeSquare100",fontSize:"fontSize70",lineHeight:"lineHeight70"},element:{fontSize:"fontSize40",lineHeight:"lineHeight40"}},heading30:{before:{width:"sizeSquare80",fontSize:"fontSize60",lineHeight:"lineHeight60"},element:{fontSize:"fontSize40",lineHeight:"lineHeight40"}},heading40:{before:{width:"sizeSquare70",fontSize:"fontSize40",lineHeight:"lineHeight40"},element:{fontSize:"fontSize30",lineHeight:"lineHeight30"}},heading50:{before:{width:"sizeSquare60",fontSize:"fontSize30",lineHeight:"lineHeight30"},element:{fontSize:"fontSize30",lineHeight:"lineHeight30"}},heading60:{before:{width:"sizeSquare60",fontSize:"fontSize20",lineHeight:"lineHeight20"},element:{fontSize:"fontSize20",lineHeight:"lineHeight20"}}},StyledOrderedListItem=(0,import_styling_library2.styled)(import_box2.Box)(({variant})=>{let variantStyles=VariantStyles[variant];return(0,import_styling_library2.css)({display:"grid",gridTemplateColumns:"auto 1fr",alignItems:"start",gap:"space70",...variantStyles.element,"&:before":{display:"inline-block",position:"relative",counterIncrement:"list-counter",content:"counter(list-counter)",color:"colorTextWeak",textAlign:"right",fontWeight:"fontWeightSemibold",...variantStyles.before}})}),OrderedDisplayListItem=React6.forwardRef(({children,element="ORDERED_DISPLAY_LIST_ITEM",...props},ref)=>{let{variant}=React6.useContext(OrderedDisplayListContext);return React6.createElement(StyledOrderedListItem,{...(0,import_box2.safelySpreadBoxProps)(props),as:"li",element,variant,ref},React6.createElement("div",null,children))});OrderedDisplayListItem.displayName="OrderedDisplayListItem";var import_heading=require("@twilio-paste/heading"),React7=__toESM(require("react"));var OrderedDisplayListHeading=React7.forwardRef(({children,element="ORDERED_DISPLAY_LIST_HEADING",as="div",...props},ref)=>{let{variant}=React7.useContext(OrderedDisplayListContext);return React7.createElement(import_heading.Heading,{...props,ref,as,variant,element,marginBottom:"space0"},children)});OrderedDisplayListHeading.displayName="OrderedDisplayListHeading";var import_text5=require("@twilio-paste/text"),React8=__toESM(require("react"));var UnorderedList=React8.forwardRef(({children,element="UNORDERED_LIST",marginTop,marginBottom="space70",...props},ref)=>React8.createElement(List,{...(0,import_text5.safelySpreadTextProps)(props),as:"ul",element,marginTop,marginBottom,ref,listStyleType:"disc"},children));UnorderedList.displayName="UnorderedList";

package.json

 {
   "name": "@twilio-paste/list",
-  "version": "8.2.0",
+  "version": "8.2.1",
   "category": "typography",
@@ -5,0 +5,0 @@ "status": "production",

No alert changes

No metric changes

No dependency changes