@twilio-paste/description-list
Advanced tools
Comparing version
@@ -0,1 +1,2 @@ | ||
"use client"; | ||
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",marginY:"space0",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({":not(: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}; |
@@ -0,1 +1,2 @@ | ||
"use client"; | ||
"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",marginY:"space0",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)({":not(: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": "5.0.0", | ||
"version": "5.0.1", | ||
"category": "typography", | ||
@@ -43,11 +43,11 @@ "status": "production", | ||
"devDependencies": { | ||
"@twilio-paste/animation-library": "^3.0.0", | ||
"@twilio-paste/box": "^11.0.0", | ||
"@twilio-paste/animation-library": "^3.0.1", | ||
"@twilio-paste/box": "^11.0.1", | ||
"@twilio-paste/color-contrast-utils": "^5.0.0", | ||
"@twilio-paste/customization": "^9.0.0", | ||
"@twilio-paste/customization": "^9.0.1", | ||
"@twilio-paste/design-tokens": "^10.2.0", | ||
"@twilio-paste/style-props": "^10.0.0", | ||
"@twilio-paste/styling-library": "^4.0.0", | ||
"@twilio-paste/theme": "^12.0.0", | ||
"@twilio-paste/types": "^7.0.0", | ||
"@twilio-paste/style-props": "^10.0.1", | ||
"@twilio-paste/styling-library": "^4.0.1", | ||
"@twilio-paste/theme": "^12.0.1", | ||
"@twilio-paste/types": "^7.0.1", | ||
"@types/react": "^19.0.8", | ||
@@ -54,0 +54,0 @@ "@types/react-dom": "^19.0.3", |
138607
0.02%303
0.66%