@twilio-paste/description-list
Advanced tools
Comparing version 4.0.0 to 4.1.0
@@ -1,9 +0,17 @@ | ||
import * as React from 'react'; | ||
import type { BoxProps } from '@twilio-paste/box'; | ||
export interface DescriptionListProps extends Omit<React.ComponentPropsWithRef<'div'>, 'children'> { | ||
import type { BoxProps } from "@twilio-paste/box"; | ||
import type { HTMLPasteProps } from "@twilio-paste/types"; | ||
import * as React from "react"; | ||
export interface DescriptionListProps extends HTMLPasteProps<"dl"> { | ||
children?: React.ReactNode; | ||
element?: BoxProps['element']; | ||
/** | ||
* Overrides the default element name to apply unique styles with the Customization Provider | ||
* | ||
* @default 'DESCRIPTION_LIST' | ||
* @type {BoxProps['element']} | ||
* @memberof DescriptionListProps | ||
*/ | ||
element?: BoxProps["element"]; | ||
} | ||
declare const DescriptionList: React.ForwardRefExoticComponent<Omit<DescriptionListProps, "ref"> & React.RefAttributes<HTMLDListElement>>; | ||
declare const DescriptionList: React.ForwardRefExoticComponent<DescriptionListProps & React.RefAttributes<HTMLDListElement>>; | ||
export { DescriptionList }; | ||
//# sourceMappingURL=DescriptionList.d.ts.map |
@@ -1,9 +0,17 @@ | ||
import * as React from 'react'; | ||
import type { BoxProps } from '@twilio-paste/box'; | ||
export interface DescriptionListDetailsProps extends Omit<React.ComponentPropsWithRef<'div'>, 'children'> { | ||
import type { BoxProps } from "@twilio-paste/box"; | ||
import type { HTMLPasteProps } from "@twilio-paste/types"; | ||
import * as React from "react"; | ||
export interface DescriptionListDetailsProps extends HTMLPasteProps<"dd"> { | ||
children?: React.ReactNode; | ||
element?: BoxProps['element']; | ||
/** | ||
* Overrides the default element name to apply unique styles with the Customization Provider | ||
* | ||
* @default 'DESCRIPTION_LIST_DETAILS' | ||
* @type {BoxProps['element']} | ||
* @memberof DescriptionListDetailsProps | ||
*/ | ||
element?: BoxProps["element"]; | ||
} | ||
declare const DescriptionListDetails: React.ForwardRefExoticComponent<Omit<DescriptionListDetailsProps, "ref"> & React.RefAttributes<HTMLElement>>; | ||
declare const DescriptionListDetails: React.ForwardRefExoticComponent<DescriptionListDetailsProps & React.RefAttributes<HTMLElement>>; | ||
export { DescriptionListDetails }; | ||
//# sourceMappingURL=DescriptionListDetails.d.ts.map |
@@ -1,3 +0,4 @@ | ||
import * as React from 'react'; | ||
import type { BoxProps } from '@twilio-paste/box'; | ||
import type { BoxProps } from "@twilio-paste/box"; | ||
import type { HTMLPasteProps } from "@twilio-paste/types"; | ||
import * as React from "react"; | ||
export declare const StyledDescriptionListSet: import("@twilio-paste/styling-library").StyledComponent<{ | ||
@@ -7,8 +8,15 @@ theme?: import("@emotion/react").Theme | undefined; | ||
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>; | ||
export interface DescriptionSetListProps extends Omit<React.ComponentPropsWithRef<'div'>, 'children'> { | ||
export interface DescriptionSetListProps extends HTMLPasteProps<"div"> { | ||
children?: React.ReactNode; | ||
element?: BoxProps['element']; | ||
/** | ||
* Overrides the default element name to apply unique styles with the Customization Provider | ||
* | ||
* @default 'DESCRIPTION_LIST_SET' | ||
* @type {BoxProps['element']} | ||
* @memberof DescriptionSetListProps | ||
*/ | ||
element?: BoxProps["element"]; | ||
} | ||
declare const DescriptionListSet: React.ForwardRefExoticComponent<Omit<DescriptionSetListProps, "ref"> & React.RefAttributes<HTMLDivElement>>; | ||
declare const DescriptionListSet: React.ForwardRefExoticComponent<DescriptionSetListProps & React.RefAttributes<HTMLDivElement>>; | ||
export { DescriptionListSet }; | ||
//# sourceMappingURL=DescriptionListSet.d.ts.map |
@@ -1,9 +0,17 @@ | ||
import * as React from 'react'; | ||
import type { BoxProps } from '@twilio-paste/box'; | ||
export interface DescriptionListTermProps extends Omit<React.ComponentPropsWithRef<'div'>, 'children'> { | ||
import type { BoxProps } from "@twilio-paste/box"; | ||
import type { HTMLPasteProps } from "@twilio-paste/types"; | ||
import * as React from "react"; | ||
export interface DescriptionListTermProps extends HTMLPasteProps<"dt"> { | ||
children?: React.ReactNode; | ||
element?: BoxProps['element']; | ||
/** | ||
* Overrides the default element name to apply unique styles with the Customization Provider | ||
* | ||
* @default 'DESCRIPTION_LIST_TERM' | ||
* @type {BoxProps['element']} | ||
* @memberof DescriptionListTermProps | ||
*/ | ||
element?: BoxProps["element"]; | ||
} | ||
declare const DescriptionListTerm: React.ForwardRefExoticComponent<Omit<DescriptionListTermProps, "ref"> & React.RefAttributes<HTMLElement>>; | ||
declare const DescriptionListTerm: React.ForwardRefExoticComponent<DescriptionListTermProps & React.RefAttributes<HTMLElement>>; | ||
export { DescriptionListTerm }; | ||
//# sourceMappingURL=DescriptionListTerm.d.ts.map |
@@ -1,5 +0,9 @@ | ||
export * from './DescriptionList'; | ||
export * from './DescriptionListTerm'; | ||
export * from './DescriptionListDetails'; | ||
export * from './DescriptionListSet'; | ||
export { DescriptionList } from "./DescriptionList"; | ||
export type { DescriptionListProps } from "./DescriptionList"; | ||
export { DescriptionListTerm } from "./DescriptionListTerm"; | ||
export type { DescriptionListTermProps } from "./DescriptionListTerm"; | ||
export { DescriptionListDetails } from "./DescriptionListDetails"; | ||
export type { DescriptionListDetailsProps } from "./DescriptionListDetails"; | ||
export { DescriptionListSet } from "./DescriptionListSet"; | ||
export type { DescriptionSetListProps } from "./DescriptionListSet"; | ||
//# sourceMappingURL=index.d.ts.map |
// src/DescriptionList.tsx | ||
import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; | ||
import * as React from "react"; | ||
import * as PropTypes from "prop-types"; | ||
import { Box, safelySpreadBoxProps } from "@twilio-paste/box"; | ||
var DescriptionList = React.forwardRef( | ||
@@ -11,11 +10,6 @@ ({ element = "DESCRIPTION_LIST", children, ...props }, ref) => { | ||
DescriptionList.displayName = "DescriptionList"; | ||
DescriptionList.propTypes = { | ||
children: PropTypes.node, | ||
element: PropTypes.string | ||
}; | ||
// src/DescriptionListTerm.tsx | ||
import { Box as Box2, safelySpreadBoxProps as safelySpreadBoxProps2 } from "@twilio-paste/box"; | ||
import * as React2 from "react"; | ||
import * as PropTypes2 from "prop-types"; | ||
import { Box as Box2, safelySpreadBoxProps as safelySpreadBoxProps2 } from "@twilio-paste/box"; | ||
var DescriptionListTerm = React2.forwardRef( | ||
@@ -41,11 +35,6 @@ ({ element = "DESCRIPTION_LIST_TERM", children, ...props }, ref) => { | ||
DescriptionListTerm.displayName = "DescriptionListTerm"; | ||
DescriptionListTerm.propTypes = { | ||
children: PropTypes2.node, | ||
element: PropTypes2.string | ||
}; | ||
// src/DescriptionListDetails.tsx | ||
import { Box as Box3, safelySpreadBoxProps as safelySpreadBoxProps3 } from "@twilio-paste/box"; | ||
import * as React3 from "react"; | ||
import * as PropTypes3 from "prop-types"; | ||
import { Box as Box3, safelySpreadBoxProps as safelySpreadBoxProps3 } from "@twilio-paste/box"; | ||
var DescriptionListDetails = React3.forwardRef( | ||
@@ -72,12 +61,7 @@ ({ element = "DESCRIPTION_LIST_DETAILS", children, ...props }, ref) => { | ||
DescriptionListDetails.displayName = "DescriptionListDetails"; | ||
DescriptionListDetails.propTypes = { | ||
children: PropTypes3.node, | ||
element: PropTypes3.string | ||
}; | ||
// src/DescriptionListSet.tsx | ||
import { Box as Box4, safelySpreadBoxProps as safelySpreadBoxProps4 } from "@twilio-paste/box"; | ||
import { css, styled } from "@twilio-paste/styling-library"; | ||
import * as React4 from "react"; | ||
import * as PropTypes4 from "prop-types"; | ||
import { Box as Box4, safelySpreadBoxProps as safelySpreadBoxProps4 } from "@twilio-paste/box"; | ||
import { styled, css } from "@twilio-paste/styling-library"; | ||
var StyledDescriptionListSet = styled.div( | ||
@@ -105,6 +89,2 @@ css({ | ||
DescriptionListSet.displayName = "DescriptionListSet"; | ||
DescriptionListSet.propTypes = { | ||
children: PropTypes4.node, | ||
element: PropTypes4.string | ||
}; | ||
export { | ||
@@ -114,4 +94,3 @@ DescriptionList, | ||
DescriptionListSet, | ||
DescriptionListTerm, | ||
StyledDescriptionListSet | ||
DescriptionListTerm | ||
}; |
@@ -32,4 +32,3 @@ "use strict"; | ||
DescriptionListSet: () => DescriptionListSet, | ||
DescriptionListTerm: () => DescriptionListTerm, | ||
StyledDescriptionListSet: () => StyledDescriptionListSet | ||
DescriptionListTerm: () => DescriptionListTerm | ||
}); | ||
@@ -39,5 +38,4 @@ module.exports = __toCommonJS(src_exports); | ||
// src/DescriptionList.tsx | ||
var import_box = require("@twilio-paste/box"); | ||
var React = __toESM(require("react")); | ||
var PropTypes = __toESM(require("prop-types")); | ||
var import_box = require("@twilio-paste/box"); | ||
var DescriptionList = React.forwardRef( | ||
@@ -49,11 +47,6 @@ ({ element = "DESCRIPTION_LIST", children, ...props }, ref) => { | ||
DescriptionList.displayName = "DescriptionList"; | ||
DescriptionList.propTypes = { | ||
children: PropTypes.node, | ||
element: PropTypes.string | ||
}; | ||
// src/DescriptionListTerm.tsx | ||
var import_box2 = require("@twilio-paste/box"); | ||
var React2 = __toESM(require("react")); | ||
var PropTypes2 = __toESM(require("prop-types")); | ||
var import_box2 = require("@twilio-paste/box"); | ||
var DescriptionListTerm = React2.forwardRef( | ||
@@ -79,11 +72,6 @@ ({ element = "DESCRIPTION_LIST_TERM", children, ...props }, ref) => { | ||
DescriptionListTerm.displayName = "DescriptionListTerm"; | ||
DescriptionListTerm.propTypes = { | ||
children: PropTypes2.node, | ||
element: PropTypes2.string | ||
}; | ||
// src/DescriptionListDetails.tsx | ||
var import_box3 = require("@twilio-paste/box"); | ||
var React3 = __toESM(require("react")); | ||
var PropTypes3 = __toESM(require("prop-types")); | ||
var import_box3 = require("@twilio-paste/box"); | ||
var DescriptionListDetails = React3.forwardRef( | ||
@@ -110,12 +98,7 @@ ({ element = "DESCRIPTION_LIST_DETAILS", children, ...props }, ref) => { | ||
DescriptionListDetails.displayName = "DescriptionListDetails"; | ||
DescriptionListDetails.propTypes = { | ||
children: PropTypes3.node, | ||
element: PropTypes3.string | ||
}; | ||
// src/DescriptionListSet.tsx | ||
var React4 = __toESM(require("react")); | ||
var PropTypes4 = __toESM(require("prop-types")); | ||
var import_box4 = require("@twilio-paste/box"); | ||
var import_styling_library = require("@twilio-paste/styling-library"); | ||
var React4 = __toESM(require("react")); | ||
var StyledDescriptionListSet = import_styling_library.styled.div( | ||
@@ -143,5 +126,1 @@ (0, import_styling_library.css)({ | ||
DescriptionListSet.displayName = "DescriptionListSet"; | ||
DescriptionListSet.propTypes = { | ||
children: PropTypes4.node, | ||
element: PropTypes4.string | ||
}; |
@@ -1,1 +0,1 @@ | ||
import*as React from"react";import*as PropTypes from"prop-types";import{Box,safelySpreadBoxProps}from"@twilio-paste/box";var DescriptionList=React.forwardRef(({element="DESCRIPTION_LIST",children,...props},ref)=>React.createElement(Box,{...safelySpreadBoxProps(props),as:"dl",ref,element},children));DescriptionList.displayName="DescriptionList";DescriptionList.propTypes={children:PropTypes.node,element:PropTypes.string};import*as React2 from"react";import*as PropTypes2 from"prop-types";import{Box as Box2,safelySpreadBoxProps as safelySpreadBoxProps2}from"@twilio-paste/box";var DescriptionListTerm=React2.forwardRef(({element="DESCRIPTION_LIST_TERM",children,...props},ref)=>React2.createElement(Box2,{...safelySpreadBoxProps2(props),as:"dt",ref,element,fontWeight:"fontWeightSemibold",color:"colorText",fontSize:"fontSize30",lineHeight:"lineHeight30",margin:"space0"},children));DescriptionListTerm.displayName="DescriptionListTerm";DescriptionListTerm.propTypes={children:PropTypes2.node,element:PropTypes2.string};import*as React3 from"react";import*as PropTypes3 from"prop-types";import{Box as Box3,safelySpreadBoxProps as safelySpreadBoxProps3}from"@twilio-paste/box";var DescriptionListDetails=React3.forwardRef(({element="DESCRIPTION_LIST_DETAILS",children,...props},ref)=>React3.createElement(Box3,{...safelySpreadBoxProps3(props),as:"dd",ref,element,margin:"space0",color:"colorText",fontWeight:"fontWeightNormal",lineHeight:"lineHeight30",fontSize:"fontSize30",overflowWrap:"break-word"},children));DescriptionListDetails.displayName="DescriptionListDetails";DescriptionListDetails.propTypes={children:PropTypes3.node,element:PropTypes3.string};import*as React4 from"react";import*as PropTypes4 from"prop-types";import{Box as Box4,safelySpreadBoxProps as safelySpreadBoxProps4}from"@twilio-paste/box";import{styled,css}from"@twilio-paste/styling-library";var StyledDescriptionListSet=styled.div(css({"& > dd:last-of-type":{marginBottom:"space60"},"& > dd:not(:last-of-type)":{marginBottom:"space10"},"& > dt:last-of-type":{marginBottom:"space20"},"& > dt:not(:last-of-type)":{marginBottom:"space10"}})),DescriptionListSet=React4.forwardRef(({element="DESCRIPTION_LIST_SET",children,...props},ref)=>React4.createElement(Box4,{...safelySpreadBoxProps4(props),as:StyledDescriptionListSet,ref,element},children));DescriptionListSet.displayName="DescriptionListSet";DescriptionListSet.propTypes={children:PropTypes4.node,element:PropTypes4.string};export{DescriptionList,DescriptionListDetails,DescriptionListSet,DescriptionListTerm,StyledDescriptionListSet}; | ||
import{Box,safelySpreadBoxProps}from"@twilio-paste/box";import*as React from"react";var DescriptionList=React.forwardRef(({element="DESCRIPTION_LIST",children,...props},ref)=>React.createElement(Box,{...safelySpreadBoxProps(props),as:"dl",ref,element},children));DescriptionList.displayName="DescriptionList";import{Box as Box2,safelySpreadBoxProps as safelySpreadBoxProps2}from"@twilio-paste/box";import*as React2 from"react";var DescriptionListTerm=React2.forwardRef(({element="DESCRIPTION_LIST_TERM",children,...props},ref)=>React2.createElement(Box2,{...safelySpreadBoxProps2(props),as:"dt",ref,element,fontWeight:"fontWeightSemibold",color:"colorText",fontSize:"fontSize30",lineHeight:"lineHeight30",margin:"space0"},children));DescriptionListTerm.displayName="DescriptionListTerm";import{Box as Box3,safelySpreadBoxProps as safelySpreadBoxProps3}from"@twilio-paste/box";import*as React3 from"react";var DescriptionListDetails=React3.forwardRef(({element="DESCRIPTION_LIST_DETAILS",children,...props},ref)=>React3.createElement(Box3,{...safelySpreadBoxProps3(props),as:"dd",ref,element,margin:"space0",color:"colorText",fontWeight:"fontWeightNormal",lineHeight:"lineHeight30",fontSize:"fontSize30",overflowWrap:"break-word"},children));DescriptionListDetails.displayName="DescriptionListDetails";import{Box as Box4,safelySpreadBoxProps as safelySpreadBoxProps4}from"@twilio-paste/box";import{css,styled}from"@twilio-paste/styling-library";import*as React4 from"react";var StyledDescriptionListSet=styled.div(css({"& > dd:last-of-type":{marginBottom:"space60"},"& > dd:not(:last-of-type)":{marginBottom:"space10"},"& > dt:last-of-type":{marginBottom:"space20"},"& > dt:not(:last-of-type)":{marginBottom:"space10"}})),DescriptionListSet=React4.forwardRef(({element="DESCRIPTION_LIST_SET",children,...props},ref)=>React4.createElement(Box4,{...safelySpreadBoxProps4(props),as:StyledDescriptionListSet,ref,element},children));DescriptionListSet.displayName="DescriptionListSet";export{DescriptionList,DescriptionListDetails,DescriptionListSet,DescriptionListTerm}; |
@@ -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,{DescriptionList:()=>DescriptionList,DescriptionListDetails:()=>DescriptionListDetails,DescriptionListSet:()=>DescriptionListSet,DescriptionListTerm:()=>DescriptionListTerm,StyledDescriptionListSet:()=>StyledDescriptionListSet});module.exports=__toCommonJS(src_exports);var React=__toESM(require("react")),PropTypes=__toESM(require("prop-types")),import_box=require("@twilio-paste/box"),DescriptionList=React.forwardRef(({element="DESCRIPTION_LIST",children,...props},ref)=>React.createElement(import_box.Box,{...(0,import_box.safelySpreadBoxProps)(props),as:"dl",ref,element},children));DescriptionList.displayName="DescriptionList";DescriptionList.propTypes={children:PropTypes.node,element:PropTypes.string};var React2=__toESM(require("react")),PropTypes2=__toESM(require("prop-types")),import_box2=require("@twilio-paste/box"),DescriptionListTerm=React2.forwardRef(({element="DESCRIPTION_LIST_TERM",children,...props},ref)=>React2.createElement(import_box2.Box,{...(0,import_box2.safelySpreadBoxProps)(props),as:"dt",ref,element,fontWeight:"fontWeightSemibold",color:"colorText",fontSize:"fontSize30",lineHeight:"lineHeight30",margin:"space0"},children));DescriptionListTerm.displayName="DescriptionListTerm";DescriptionListTerm.propTypes={children:PropTypes2.node,element:PropTypes2.string};var React3=__toESM(require("react")),PropTypes3=__toESM(require("prop-types")),import_box3=require("@twilio-paste/box"),DescriptionListDetails=React3.forwardRef(({element="DESCRIPTION_LIST_DETAILS",children,...props},ref)=>React3.createElement(import_box3.Box,{...(0,import_box3.safelySpreadBoxProps)(props),as:"dd",ref,element,margin:"space0",color:"colorText",fontWeight:"fontWeightNormal",lineHeight:"lineHeight30",fontSize:"fontSize30",overflowWrap:"break-word"},children));DescriptionListDetails.displayName="DescriptionListDetails";DescriptionListDetails.propTypes={children:PropTypes3.node,element:PropTypes3.string};var React4=__toESM(require("react")),PropTypes4=__toESM(require("prop-types")),import_box4=require("@twilio-paste/box"),import_styling_library=require("@twilio-paste/styling-library"),StyledDescriptionListSet=import_styling_library.styled.div((0,import_styling_library.css)({"& > dd:last-of-type":{marginBottom:"space60"},"& > dd:not(:last-of-type)":{marginBottom:"space10"},"& > dt:last-of-type":{marginBottom:"space20"},"& > dt:not(:last-of-type)":{marginBottom:"space10"}})),DescriptionListSet=React4.forwardRef(({element="DESCRIPTION_LIST_SET",children,...props},ref)=>React4.createElement(import_box4.Box,{...(0,import_box4.safelySpreadBoxProps)(props),as:StyledDescriptionListSet,ref,element},children));DescriptionListSet.displayName="DescriptionListSet";DescriptionListSet.propTypes={children:PropTypes4.node,element:PropTypes4.string}; | ||
"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,{DescriptionList:()=>DescriptionList,DescriptionListDetails:()=>DescriptionListDetails,DescriptionListSet:()=>DescriptionListSet,DescriptionListTerm:()=>DescriptionListTerm});module.exports=__toCommonJS(src_exports);var import_box=require("@twilio-paste/box"),React=__toESM(require("react")),DescriptionList=React.forwardRef(({element="DESCRIPTION_LIST",children,...props},ref)=>React.createElement(import_box.Box,{...(0,import_box.safelySpreadBoxProps)(props),as:"dl",ref,element},children));DescriptionList.displayName="DescriptionList";var import_box2=require("@twilio-paste/box"),React2=__toESM(require("react")),DescriptionListTerm=React2.forwardRef(({element="DESCRIPTION_LIST_TERM",children,...props},ref)=>React2.createElement(import_box2.Box,{...(0,import_box2.safelySpreadBoxProps)(props),as:"dt",ref,element,fontWeight:"fontWeightSemibold",color:"colorText",fontSize:"fontSize30",lineHeight:"lineHeight30",margin:"space0"},children));DescriptionListTerm.displayName="DescriptionListTerm";var import_box3=require("@twilio-paste/box"),React3=__toESM(require("react")),DescriptionListDetails=React3.forwardRef(({element="DESCRIPTION_LIST_DETAILS",children,...props},ref)=>React3.createElement(import_box3.Box,{...(0,import_box3.safelySpreadBoxProps)(props),as:"dd",ref,element,margin:"space0",color:"colorText",fontWeight:"fontWeightNormal",lineHeight:"lineHeight30",fontSize:"fontSize30",overflowWrap:"break-word"},children));DescriptionListDetails.displayName="DescriptionListDetails";var import_box4=require("@twilio-paste/box"),import_styling_library=require("@twilio-paste/styling-library"),React4=__toESM(require("react")),StyledDescriptionListSet=import_styling_library.styled.div((0,import_styling_library.css)({"& > dd:last-of-type":{marginBottom:"space60"},"& > dd:not(:last-of-type)":{marginBottom:"space10"},"& > dt:last-of-type":{marginBottom:"space20"},"& > dt:not(:last-of-type)":{marginBottom:"space10"}})),DescriptionListSet=React4.forwardRef(({element="DESCRIPTION_LIST_SET",children,...props},ref)=>React4.createElement(import_box4.Box,{...(0,import_box4.safelySpreadBoxProps)(props),as:StyledDescriptionListSet,ref,element},children));DescriptionListSet.displayName="DescriptionListSet"; |
{ | ||
"name": "@twilio-paste/description-list", | ||
"version": "4.0.0", | ||
"version": "4.1.0", | ||
"category": "typography", | ||
@@ -23,2 +23,3 @@ "status": "production", | ||
"build:js": "NODE_ENV=development node build.js", | ||
"build:typedocs": "tsx ../../../../tools/build/generate-type-docs", | ||
"clean": "rm -rf ./dist", | ||
@@ -39,3 +40,2 @@ "tsc": "tsc" | ||
"@types/react-dom": "^16.8.6 || ^17.0.2 || ^18.0.10", | ||
"prop-types": "^15.7.2", | ||
"react": "^16.8.6 || ^17.0.2 || ^18.0.0", | ||
@@ -46,7 +46,7 @@ "react-dom": "^16.8.6 || ^17.0.2 || ^18.0.0" | ||
"@twilio-paste/animation-library": "^2.0.0", | ||
"@twilio-paste/box": "^10.0.0", | ||
"@twilio-paste/box": "^10.1.0", | ||
"@twilio-paste/color-contrast-utils": "^5.0.0", | ||
"@twilio-paste/customization": "^8.0.0", | ||
"@twilio-paste/design-tokens": "^10.0.0", | ||
"@twilio-paste/style-props": "^9.0.0", | ||
"@twilio-paste/customization": "^8.1.0", | ||
"@twilio-paste/design-tokens": "^10.2.0", | ||
"@twilio-paste/style-props": "^9.1.0", | ||
"@twilio-paste/styling-library": "^3.0.0", | ||
@@ -57,7 +57,7 @@ "@twilio-paste/theme": "^11.0.0", | ||
"@types/react-dom": "^18.0.10", | ||
"prop-types": "^15.7.2", | ||
"react": "^18.0.0", | ||
"react-dom": "^18.0.0", | ||
"tsx": "^3.12.10", | ||
"typescript": "^4.9.4" | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
13
111009
300